mounted() {
window.addEventListener("scroll", this.handleScroll);
},
destoryed() {
window.removeEventListener("scroll", this.handleScroll);
},
methods:{
handleScroll() {
var st =
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop;
// let offsetTop = document.querySelector("#fixed").offsetTop;(固定之前不变)180(px)
//不可直接用offsetTop与st对比,因为固定定位后offsetTop始终为0
180 < st ? (this.isfixed = true) : (this.isfixed = false);
},
},}
```
vue中吸顶效果
最新推荐文章于 2022-11-24 20:21:30 发布