Momentum Scrolling打破jQuery滚动事件监听器

时间:2016-06-01 19:41:22

标签: javascript jquery html ios css

我有一个问题,在我的网络应用程序上设置动量滚动似乎打破了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滚动事件触发但动量滚动丢失。

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

0 个答案:

没有答案