在特定的可滚动 div 上应用 skrollr



在某个项目上;html和正文滚动被overflow:hidden阻止,max-width/height 100%。没有滚动。

可滚动的是一个特定的div;应用overflow-y:scroll-webkit-overflow-scrolling: touch(这个可滚动的div被归类为.frames,目前让我们说只有一个)

我想使用 skrollr; 因此有插件来检测这个.framesdiv的滚动。

问题是,它不起作用。然后我 #skrollr 体添加到div .frames 中。

结果 :skrollr 在移动设备上启用并按预期工作。(不是那么顺利,但有效)。

但是,在桌面上,没有效果。如果我使用以下命令登录桌面:

$(".frames#skrollr-body").scroll ->
    console.log s.getScrollTop()

("s"是skrollr.init操作的名称),输出保持为 0。

所以最后似乎 skrollr 仅适用于桌面上的身体。这里有什么要做的吗?非常感谢任何线索

可悲但真实,我从作者那里找到了这个答案:

Skrollr 仅从窗口中获取滚动位置。你不能使用 具有溢出:自动的任意元素。你应该尝试找到 固定元素在移动设备上做疯狂事情的原因。 它们应该工作得很好,因为只有 skrollr-body 元素如果 移动。– 普林兹霍恩 10 月 15 '13 在 6:59

这里是链接

最新更新