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

时间:2013-11-10 12:42:17

标签: javascript mobile scroll skrollr

在某个项目上; html和正文滚动被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只适用于桌面上的正文。 在这里有什么可以做的工作吗? 非常感谢任何线索

1 个答案:

答案 0 :(得分:1)

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

  

skrollr仅从窗口获取滚动位置。你不能使用   溢出的任意元素:auto。你应该试着找   固定元素在移动设备上做疯狂的原因。   他们应该工作得很好,因为只有skrollr-body元素if   移动。 - Prinzhorn 2013年10月15日6:59

HERE THE LINK