将滚动事件传播到完美滚动条

propagating scroll event to perfect-scrollbar

考虑一个包含 3 列的响应式设计的场景。

在桌面上:

在手机上:

在桌面上当页面上的任何位置发生滚动事件时 - 我希望能够滚动内容列中的内容。在移动设备上,我们在主栏中滚动内容。

示例如下:https://jsfiddle.net/sf8m97L2/5/

https://user-images.githubusercontent.com/20644772/165400320-e26e7157-3014-4dda-800d-2e441c98c654.mp4

所以我的 issue/question 来了 - 是否有可能以某种方式将滚动事件从页面上的任何位置传播到 perfect-scrollbar 目标位置(在我的例子中,从 bodycontent 列)?

目前,如果用户想要滚动主栏中的内容,用户必须将鼠标专门悬停在该区域上。当光标在默认区域之外时,我想允许滚动。请检查 fiddle.

使用最新版本1.5.5

您可以使用 Sticky-sidebar 来执行所描述的操作。

当然,滚动条不会分块,主要是window,但是你可以在文档的任意位置按住光标滚动

参见示例: https://blixhavn.github.io/sticky-sidebar-v2/examples/basic.html