vue真机上监听scroll事件失效

也是一开始好好的,突然不行了,写的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;
  //}
}

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值