在项目中,有一个需求是,下拉一段距离后,头部的背景有相应渐变。
那就来监听scroll事件就好了。

mounted(){
    let _this=this
    window.addEventListener('scroll',function(){
      let top = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset//要做兼容 在模拟器能正常获取scrolltop在微信h5页面和手机的浏览器页面一直为0
        if(top==0 || top<0){
           _this.scrollTag=false;
        }else{
           _this.scrollTag=true
        }

      })
  }

还有一些网上说法是,与你的doctype声明有关就是当

页面指定了DTD,使用document.documentElement。
页面没有DTD,使用document.body
尝试无果,还是用上述的兼容写法有效

Logo

前往低代码交流专区

更多推荐