移動端滾動到底部加載更多的方法


mounted () {
    window.addEventListener('scroll', this.lazyLoading); // 滾動到底部,再加載的處理事件
},

beforeDestroy () {
     window.removeEventListener('scroll', this.lazyLoading);    //離開頁面時移除
}, 
methods:{
     lazyLoading () { // 滾動到底部,再加載的處理事件
         let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
         let clientHeight = document.documentElement.clientHeight;
         let scrollHeight = document.documentElement.scrollHeight;
         if (scrollTop + clientHeight >= scrollHeight) { // 如果滾動到接近底部,自動加載下一頁
               //事件處理
         },        
}


免責聲明!

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



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