iPhone/iPad的JavaScript滚动事件？

Question

iPhone/iPad的JavaScript滚动事件？我似乎无法在iPad上捕捉滚动事件。没有这些工作，我做错了什么？window.onscroll=myFunction;document.onscroll=myFunction;window.attachEvent("scroll",myFunction,false);document.attachEvent("scroll",myFunction,false);它们甚至都在Windows上的Safari 3上工作。具有讽刺意味的是，pc上的每个浏览器都支持window.onload=如果你不介意破坏现有的事件。但不能上iPad。

Answer 1

对于IOS，您需要使用触移事件以及卷轴像这样的事件：

document.addEventListener("touchmove", ScrollStart, false);document.addEventListener("scroll", Scroll, false);function ScrollStart() {
    //start of scroll event for iOS}function Scroll() {
    //end of scroll event for iOS
    //and
    //start/end of scroll event for other browsers}

Answer 2

很抱歉为旧文章添加了另一个答案，但是我通常通过使用此代码(至少在6.1上)得到一个非常好的滚动事件。

element.addEventListener('scroll', function() {
    console.log(this.scrollTop);});// This is the magic, this gives me "live" scroll eventselement.addEventListener
    ('gesturechange', function() {});

这对我有用。它唯一没有做的就是给一个滚动事件来表示滚动的减速(一旦减速完成，你就会得到一个最终的滚动事件，按照你的意愿去做)。但是，如果您通过这样做来禁用CSS的惰性

-webkit-overflow-scrolling: none;

你不会对你的元素产生惰性，因为你的身体可能需要做经典的

document.addEventListener('touchmove', function(e) {e.preventDefault();}, true);