上拉刷新

1.引入vue,加載監聽事件

            methods: { 
                handleScroll(){
                    let page = document.getElementById('content');
                    // console.log(page.scrollTop,page.clientHeight,page.scrollHeight);
                    if(page.scrollTop+page.clientHeight >= page.scrollHeight-10){
                        this.more = '加載中...';
                        setTimeout(()=>{
                                this.more = '';
                            },1000)
                    } else {
                        this.more = '上拉加載更多...';
                    }
                }
            },
            mounted(){
                document.getElementById('content').addEventListener('scroll',this.handleScroll);
            },
            beforeDestroy(){
                document.getElementById('content').removeEventListener('scroll', this.handleScroll);
            }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章