Javascript 动量滚动中断jQuery滚动事件侦听器
我有一个问题,在我的web应用程序上设置动量滚动似乎会破坏jQuery滚动事件侦听器 以下是CSS:Javascript 动量滚动中断jQuery滚动事件侦听器,javascript,jquery,html,ios,css,Javascript,Jquery,Html,Ios,Css,我有一个问题,在我的web应用程序上设置动量滚动似乎会破坏jQuery滚动事件侦听器 以下是CSS: html, body { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } 下面是Javascript: $(window).scroll(function (event) { alert('Im scrolling!'); }); 上面的CSS允许在iPhone
html, body {
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
下面是Javascript:
$(window).scroll(function (event) {
alert('Im scrolling!');
});
上面的CSS允许在iPhone上进行动量滚动
问题:
JQuery事件侦听器没有在html的主体上使用“overflow-y:scroll”启动
从html中删除“overflow-y:scroll”,body允许启动JS scroll事件,但iPhone上的动量滚动丢失
尝试的解决方案:
在搜索解决方案之后,我发现了这个主题:从html中删除“height:100%”,body将允许启动JS scroll事件。这样做确实会触发事件,但我再次失去了滚动的动力
摘要:
上面的CSS规则提供了动量滚动,但破坏了jQuery滚动事件侦听器。从html中删除任何CSS规则后,body允许触发jQuery滚动事件,但动量滚动丢失
如何保持动量滚动并允许滚动事件触发?