Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动量滚动中断jQuery滚动事件侦听器_Javascript_Jquery_Html_Ios_Css - Fatal编程技术网

Javascript 动量滚动中断jQuery滚动事件侦听器

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

我有一个问题,在我的web应用程序上设置动量滚动似乎会破坏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的主体上使用“overflow-y:scroll”启动

从html中删除“overflow-y:scroll”,body允许启动JS scroll事件,但iPhone上的动量滚动丢失

尝试的解决方案:

在搜索解决方案之后,我发现了这个主题:从html中删除“height:100%”,body将允许启动JS scroll事件。这样做确实会触发事件,但我再次失去了滚动的动力

摘要:

上面的CSS规则提供了动量滚动,但破坏了jQuery滚动事件侦听器。从html中删除任何CSS规则后,body允许触发jQuery滚动事件,但动量滚动丢失

如何保持动量滚动并允许滚动事件触发?