【问题标题】:Applying skrollr on specific scrollable div在特定的可滚动 div 上应用 skrollr
【发布时间】:2013-11-10 12:42:16
【问题描述】:

在某个项目上; html 和 body 滚动被 overflow:hiddenmax-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


【解决方案1】:

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

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

HERE THE LINK

【讨论】:

    猜你喜欢
    • 2013-11-24
    • 1970-01-01
    • 1970-01-01
    • 2014-07-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多