场景:在进行搜索时,滚动查看结果,此时清空内容,让滚动高度置0,不然会影响下次搜索结果位置
- 在
methods
中定义方法
updateScrollTop() {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop // 兼容多个浏览器
if (!this.keyWord) {
window.pageYOffset = 0
document.documentElement.scrollTop = 0
document.body.scrollTop = 0
}
console.log(scrollTop)
}
mounted
生命周期进行监听
mounted() {
window.addEventListener('scroll', this.updateScrollTop)
}
destroyed
销毁监听事件
destroyed() {
window.removeEventListener('scroll', this.updateScrollTop)
}