vue中的scrollTop获取

在项目中，有一个需求是，下拉一段距离后，头部的背景有相应渐变。
那就来监听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
尝试无果，还是用上述的兼容写法有效