在做項目的過程中,需求需要做一個一鍵返回頂部的功能,但是在做監聽隱藏的時候發現
window.addEventListener('scroll', this.scrollHandle);
scrollHandle(){
console.log(222)
},
這里一直觸發不了,而后查閱相關資料發現是在首頁做的一個隱藏保護引起的
/* overflow: hidden;
overflow-y: auto; */,
意思就是說:在最外層的元素上不要加overflow的相關屬性,
我把
/* overflow: hidden;
overflow-y: auto; */這兩個屬性放到我需要的頁面當中后完美解決
再補充一下:在vue中監聽dom滾動是否到底的方法
<div
class="scroll-y"
listScroll($event) {
var _this = this
// console.log($event)
if ((parseInt($event.target.clientHeight) + parseInt($event.target.scrollTop)) === parseInt($event.target.scrollHeight)) {
console.log("到底")
}
},