我似乎无法捕获iPad上的滚动事件。 这些都不起作用，我做错了什么？
window.onscroll=myFunction;
document.onscroll=myFunction;
window.attachEvent("scroll",myFunction,false);
document.attachEvent("scroll",myFunction,false);
所有这些方法甚至在Windows上的Safari 3上都能工作。
具有讽刺意味的是，如果您不介意覆盖现有事件，PC上的每个浏览器都支持window.onload=。但在iPad上无法实现。
iPhoneOS可以捕获onscroll事件，但不是你想象的那种方式。
单指滑动不会生成任何事件，直到用户停止滑动并重新绘制页面时才会生成
onscroll事件，如图6-1所示。
同样地，使用两个手指滚动只有在停止滚动后才会触发onscroll。
安装处理程序的常规方法如下：
window.addEventListener('scroll', function() { alert("Scrolled"); });
// or
$(window).scroll(function() { alert("Scrolled"); });
// or
window.onscroll = function() { alert("Scrolled"); };
// etc
在 iOS 上，你需要同时使用 touchmove 事件和 scroll 事件，代码如下：
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
}
很抱歉在一个旧帖子中添加了另一个答案，但是我通常通过使用这段代码非常好地获得滚动事件（它至少在6.1上有效）
element.addEventListener('scroll', function() {
console.log(this.scrollTop);
});
// This is the magic, this gives me "live" scroll events
element.addEventListener('gesturechange', function() {});
对我来说这是可行的。唯一无法实现的是提供滚动减速的滚动事件（一旦减速完成，您将获得最终滚动事件，请按照您的想法处理它。），但如果您使用CSS禁用惯性，可以通过执行以下操作来实现：
-webkit-overflow-scrolling: none;
您的元素不会获得惯性，但是对于页面主体，您可能需要执行经典操作。
document.addEventListener('touchmove', function(e) {e.preventDefault();}, true);
<div id="wrapper">
<div id="scroller">
... my scrollable content
</div>
</div>
CSS： 我使用了 Modernizr 类中的 "touch" 以仅针对触摸设备进行样式更改（因为我只在触摸设备上实例化 iScroll）。
.touch #wrapper {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.touch #scroller {
position: absolute;
z-index: 1;
width: 100%;
}
JS: 我从iScroll下载中包含了iscroll-probe.js，然后按照下面的方式初始化滚动条，其中updatePosition是我的函数，用于响应新的滚动位置。
# coffeescript
if Modernizr.touch
myScroller = new IScroll('#wrapper', probeType: 3)
myScroller.on 'scroll', updatePosition
myScroller.on 'scrollEnd', updatePosition
现在必须使用myScroller来获取当前位置，而不是查看滚动偏移量。以下是从http://markdalgleish.com/presentations/embracingtouch/中提取的函数（一篇非常有帮助的文章，但现在有点过时了）
function getScroll(elem, iscroll) {
var x, y;
if (Modernizr.touch && iscroll) {
x = iscroll.x * -1;
y = iscroll.y * -1;
} else {
x = elem.scrollTop;
y = elem.scrollLeft;
}
return {x: x, y: y};
}
自从iOS 8发布以来，这个问题就不存在了。现在，在iOS Safari中，滚动事件可以平稳地触发。
因此，如果您注册了scroll事件处理程序并在该事件处理程序内检查window.pageYOffset，一切都能正常工作。
在 iOS 上进行了一些测试后，我发现这是适用于 iOS 和桌面端的最佳方案，如果您不担心桌面端的 120ms 延迟。非常完美地解决了问题。
let isScrolling;
document.addEventListener("scroll", () => {
// Clear our timeout throughout the scroll
window.clearTimeout( isScrolling );
// Set a timeout to run after scrolling ends
isScrolling = setTimeout(function() {
// Run the callback
console.log( 'Scrolling has stopped.' );
}, 120);
});
window.pageYOffset，而不能像其他所有浏览器/硬件一样使用document.body.scrollTop || document.documentElement.scrollTop。 - ck_