也是一开始好好的,突然不行了,写的scroll方法直接不进去了;
我以为是vue版本太高,结果不是;
第一个方法:
addEventListener的第三个参数,可以去搜一下。
window.addEventListener('scroll', () => {
this.scroll()
}, true)
第二个方法:
需要监听滚动的元素是否给了height:100%和overflow:scroll
原文转载:原文
前两个在web端生效了,但是真机H5还是有问题。然后看下面。
第三个方法:
这是我遇到的根本性问题:
我把真机的全局滚动条隐藏了的,因为为了好看。结果没想到影响到scroll监听事件,似乎是影响到页面滚动高度计算了(我猜的)
代码隐藏后就好了。。。
html, body{
width: 100%;
height: 100%;
padding: 0;
margin: 0;
//overflow-y: scroll; // 不能加这个,不然会影响列表scroll事件监听
// 隐藏滚动条
//&::-webkit-scrollbar { // 上面那个不能加,这个写了也不会生效,就一起隐藏
// width: 0;
// height: 0;
//}
}