vue中的scrollTop获取
在项目中,有一个需求是,下拉一段距离后,头部的背景有相应渐变。那就来监听scroll事件就好了。mounted(){let _this=thiswindow.addEventListener('scroll',function(){let top = document.documentElement.scrollTop || document.body.scr...
·
在项目中,有一个需求是,下拉一段距离后,头部的背景有相应渐变。
那就来监听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
尝试无果,还是用上述的兼容写法有效
更多推荐
已为社区贡献3条内容
所有评论(0)