我有一个问题,在我的网络应用程序上设置动量滚动似乎打破了jQuery滚动事件监听器。
这是CSS:
html, body {
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
这是Javascript:
$(window).scroll(function (event) {
alert('Im scrolling!');
});
上面的CSS允许iPhone上的动量滚动。
问题:
JQuery事件监听器未在html,body上使用“overflow-y:scroll”触发。
从html中移除“overflow-y:scroll”,正文允许JS滚动事件触发,但iPhone上的动量滚动丢失。
尝试解决方案:
搜索了解决方案后,我发现了这个主题:overflow-x: hidden is breaking jquery scroll event表示从html中删除“height:100%”,正文将允许JS滚动事件触发。这样做会触发事件,但我再次失去动力滚动。
要点:
上面的CSS规则给动量滚动但打破了jQuery滚动事件监听器。从html中删除任何CSS规则,body允许jQuery滚动事件触发但动量滚动丢失。
如何保持动态滚动并允许滚动事件触发?