1、监听滚动事件
利用VUE写一个在控制台打印当前的scrollTop,
首先，在mounted钩子中给window添加一个滚动滚动监听事件，
mounted () {
window.addEventListener('scroll', this.handleScroll)
},
然后在方法中，添加这个handleScroll方法
handleScroll () {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
console.log(scrollTop)
},
2、监听元素到顶部的距离 并判断滚动的距离如果大于了元素到顶部的距离时，设置searchBar为true,否则就是false
handleScroll () {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
let offsetTop = document.querySelector('#searchBar').offsetTop
scrollTop > offsetTop ? this.searchBarFixed = true : this.searchBarFixed = false
},
注意，如果离开该页面需要移除这个监听的事件，不然会报错。
destroyed () {
window.removeEventListener('scroll', this.handleScroll)
},
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
