将滚动事件传播到完美滚动条
propagating scroll event to perfect-scrollbar
考虑一个包含 3 列的响应式设计的场景。
在桌面上:
- 左侧菜单
- 主栏(整页可滚动)
- 右键菜单
在手机上:
- 顶部菜单
- 主栏(可滚动)
- 底部菜单
在桌面上当页面上的任何位置发生滚动事件时 - 我希望能够滚动内容列中的内容。在移动设备上,我们在主栏中滚动内容。
示例如下:https://jsfiddle.net/sf8m97L2/5/
所以我的 issue/question 来了 - 是否有可能以某种方式将滚动事件从页面上的任何位置传播到 perfect-scrollbar
目标位置(在我的例子中,从 body
到content
列)?
目前,如果用户想要滚动主栏中的内容,用户必须将鼠标专门悬停在该区域上。当光标在默认区域之外时,我想允许滚动。请检查 fiddle.
使用最新版本1.5.5
您可以使用 Sticky-sidebar 来执行所描述的操作。
当然,滚动条不会分块,主要是window,但是你可以在文档的任意位置按住光标滚动
参见示例:
https://blixhavn.github.io/sticky-sidebar-v2/examples/basic.html
考虑一个包含 3 列的响应式设计的场景。
在桌面上:
- 左侧菜单
- 主栏(整页可滚动)
- 右键菜单
在手机上:
- 顶部菜单
- 主栏(可滚动)
- 底部菜单
在桌面上当页面上的任何位置发生滚动事件时 - 我希望能够滚动内容列中的内容。在移动设备上,我们在主栏中滚动内容。
示例如下:https://jsfiddle.net/sf8m97L2/5/
所以我的 issue/question 来了 - 是否有可能以某种方式将滚动事件从页面上的任何位置传播到 perfect-scrollbar
目标位置(在我的例子中,从 body
到content
列)?
目前,如果用户想要滚动主栏中的内容,用户必须将鼠标专门悬停在该区域上。当光标在默认区域之外时,我想允许滚动。请检查 fiddle.
使用最新版本1.5.5
您可以使用 Sticky-sidebar 来执行所描述的操作。
当然,滚动条不会分块,主要是window,但是你可以在文档的任意位置按住光标滚动
参见示例: https://blixhavn.github.io/sticky-sidebar-v2/examples/basic.html