Question

在ios，不能实时触发onscroll事件，怎么解决？

Answer 1

除了使用 scroll 事件之外, 再用上 touchmove 事件。比如:

var topnode = document.querySelector('#top')function change() {    var y = document.scrollingElement.scrollTop    // or
// var y = window.pageYOffset
var ratio = Math.min(0.8, y / 100)
topnode.style.opacity = ratio
}document.addEventListener('touchmove', change)document.addEventListener('scroll', change)

onscroll 事件：

1、定义和用法：

onscroll 事件在元素滚动条在滚动时触发。

提示： 使用 CSS overflow 样式属性来创建元素的滚动条。

2、语法：

（1）HTML 中:

<element onscroll="myScript">

（2）JavaScript 中:

object.onscroll=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("scroll", myScript);

注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。