vue中scroll事件不觸發的問題


在做項目的過程中,需求需要做一個一鍵返回頂部的功能,但是在做監聽隱藏的時候發現

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" @scroll="listScroll($event)">

listScroll($event) {
var _this = this
// console.log($event)
if ((parseInt($event.target.clientHeight) + parseInt($event.target.scrollTop)) === parseInt($event.target.scrollHeight)) {
console.log("到底")

}
},


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM