这里我是判断滚动条的下拉长度,去改变div的显示隐藏,方法如下
一在html页面中写入要判断的标签
<div class="header" v-show="show">
<img src="../assets/img/QQ截图20191022235134.png" alt="">
</div>
二在methods中写入逻辑
methods: {
homeshowf(){
this.scroll=document.documentElement.scrollTop||document.body.scrollTop;
if(this.scroll>=300){
this.show=true
}else{
this.show=false
}
}
},
三 在mounted中调动方法
mounted () {
window.addEventListener("scroll",this.homeshowf)
},