<active-btn @getData="getData" :class="fixed == true ? 'fixedBtn' :''"></active-btn>
//这是我写的一个组件,getdata是用来获取组件传值的
//以下是css代码
.fixedBtn {
position: fixed; //固定定位
top: -80px;
left: 0;
z-index: 200;
}
data() {
return {
fixed: false,
}
}
mounted() {
window.addEventListener('scroll', this.fixedActiveBtn);
},
methods: {
fixedActiveBtn() {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
scrollTop >=1212 ? this.fixed = true : this.fixed = false
},
}