【发布时间】:2013-11-10 12:42:16
【问题描述】:
在某个项目上; html 和 body 滚动被 overflow:hidden、max-width/height 阻止为 100%。没有滚动那些。
可滚动的是特定的div;在其上应用了overflow-y:scroll 和-webkit-overflow-scrolling: touch(这个可滚动的div 被归类为.frames,暂时假设只有一个)
我想使用 skrollr;因此有插件来检测这个.frames div 的滚动。
问题是,它不起作用。然后我将#skrollr-body 添加到 div .frames。
结果:skrollr 在移动设备上启用并按预期工作。 (不是那么顺利,但很有效)。
但是,在桌面上,没有效果。如果我使用以下命令登录桌面:
$(".frames#skrollr-body").scroll ->
console.log s.getScrollTop()
('s' 是skrollr.init 操作的名称),输出保持为0。
所以最后似乎 skrollr 只适用于桌面上的 body。 有什么事情要做吗? 非常感谢任何线索
【问题讨论】:
-
我遇到了同样的问题。 Codepen 说明它在您滚动正文时起作用,但不是包装器。
标签: javascript mobile scroll skrollr