A userscript to enhance the scrolling experience in the Outlook Web Calendar.
Supports natural vertical or horizontal scroll navigation depending on the calendar view (month view scrolls vertically, week/day views scroll horizontally).
- Detect Outlook calendar views (day, workweek, week, month) dynamically in the SPA environment.
- Enable intuitive scrolling navigation:
- Month view: scroll up/down to switch months.
- Week/day views: scroll left/right to switch weeks/days. You can also hold shift and scroll vertically.
- Visual scroll indicator with smooth feedback and trigger threshold.
- Written in TypeScript with Vite build setup.
- Easy to customize and extend (the indicator element has class name
ocs-scroll-indicatorfor you to write your own CSS).
Get it directly from Greasy Fork
The source code does not contain the built userscript file (*.user.js). Please visit the Releases page, download outlook-calendar-scroll.user.js and put it in a userscript manager (Tampermonkey, Violentmonkey, etc.). Enjoy.
- Node.js and pnpm required.
pnpm installto install dependencies.pnpm devstarts a development server that serves the userscript athttp://localhost:3000/outlook-calendar-scroll.user.js, which reloads automatically on source changes. You can load this URL directly in your userscript manager for live testing.pnpm buildto build the userscript (dist/outlook-calendar-scroll.user.js).
MIT
一个用于增强 Outlook 网页版日历滚动体验的油猴脚本。月份视图垂直滚动,周/日视图水平滚动。
- 动态识别 Outlook PWA 中的日历视图(天、工作周、周、月)
- 根据视图类型切换滚动方向:
- 月视图:上下滚动切换月份
- 周/日视图:左右滚动(或按住 Shift 滚动)切换周或日
- 滚动触发带有视觉指示器
- 可自定义样式:指示器带有类名
ocs-scroll-indicator,可以用其他插件(例如 Stylus)自定义样式
仓库源码不包含构建产物(*.user.js)。请前往 Release 页面 下载后导入篡改猴 / 暴力猴等脚本管理器。一般来说直接点击 .user.js 就会自动导入。
- 需要 Node.js 和 pnpm。
- 执行
pnpm install安装依赖。 - 执行
pnpm dev启动开发服务器,脚本文件实时编译并托管于http://localhost:3000/outlook-calendar-scroll.user.js,支持热更新。可在脚本管理器中直接加载此链接进行调试。 - 执行
pnpm build编译生成dist/outlook-calendar-scroll.user.js,此即最终脚本。
MIT
