Javascript 在特定的可滚动div上应用skrollr
在某个项目上;html和正文滚动被Javascript 在特定的可滚动div上应用skrollr,javascript,mobile,scroll,skrollr,Javascript,Mobile,Scroll,Skrollr,在某个项目上;html和正文滚动被溢出:隐藏,最大宽度/高度100%阻止。上面没有滚动条 可滚动的是一个特定的div;应用了overflow-y:scroll和-webkit overflow-scrolling:touch(这个可滚动的div被归类为.frames,现在我们说只有一个) 我想使用skrollr;因此有了插件来检测这个.framesdiv的滚动 问题是,它不起作用。然后我将#skrollr body添加到div.frames 结果:skrollr已在移动设备上启用,并按预期工作。
溢出:隐藏
,最大宽度/高度
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只适用于桌面上的身体。
这里有什么可以让它工作的吗?
非常感谢您提供的任何线索悲伤但确实如此,我从作者那里找到了这个答案: skrollr仅从窗口获取滚动位置。你不能用 具有溢出的任意元素:auto。你应该试着去寻找 固定元素在手机上做疯狂事情的原因。 它们应该可以正常工作,因为只有skrollr body元素 移动–普林松10月15日13时59分
悲伤但却是真的,我从作者那里找到了这个答案: skrollr仅从窗口获取滚动位置。你不能用 具有溢出的任意元素:auto。你应该试着去寻找 固定元素在手机上做疯狂事情的原因。 它们应该可以正常工作,因为只有skrollr body元素 移动–普林松10月15日13时59分
我也有同样的问题。代码笔,说明它可以在滚动主体时工作,但不能滚动包装器。我也有同样的问题。代码笔,说明它在滚动正文时有效,但在滚动包装器时无效。