比如说ios下页面滚动条滚动到设定位置的时候让页面中某个元素show,问题是滚动条到这个位置的时候得等1、2秒才能show出来(有种卡顿的感觉)。代码如下:
<script>
window.addEventListener('scroll', backTopBtn);
function backTopBtn(){
var otop;
if(document.body.scrollTop){
otop = document.body.scrollTop;
}else if(document.documentElement.scrollTop){
otop = document.documentElement.scrollTop;
}
if(otop >= 600){
document.querySelector('#backtop').style.display = 'block';
}else{
document.querySelector('#backtop').style.display = 'none';
}
}
</script>
不是不灵敏,ios的
scrollTop
的通病,你的手指在屏幕上滑,还是能响应事件的,只要手指离开屏幕,页面自己滚的时候,要等到滚动停止才能响应事件。
可以用第三方组件iScroll