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

Question

在某个项目上；html 和 body 滚动被100%阻止overflow:hidden。max-width/height没有滚动那些。

可滚动的是特定的 div；在其上应用overflow-y:scrolland -webkit-overflow-scrolling: touch（这个可滚动的 div 被归类.frames为，暂时让我们说只有一个）

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

问题是，它不起作用。然后我将 #skrollr-body 添加到 div .frames。

结果： skrollr 在移动设备上启用并按预期工作。（不是那么顺利，但有效）。

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

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

（'s' 是skrollr.init动作的名称），输出保持为 0。

所以最后似乎 skrollr 只适用于桌面上的 body。有什么事情要做吗？非常感谢任何线索

score 1 · Accepted Answer

悲伤但真实，我从作者那里找到了这个答案：

skrollr 仅从窗口中获取滚动位置。您不能将任意元素与溢出：自动一起使用。您应该尝试找出固定元素在移动设备上做疯狂事情的原因。它们应该可以正常工作，因为如果移动只有 skrollr-body 元素。– 普林茨霍恩 2013 年 10 月 15 日在 6:59

1 回答 1