溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
