多少个网站,各类网站导航,某绿色园林企业网站源码,网站编程技术vue中添加滚动加载更多#xff0c;因为是单页面所以需要在跳出页面时候销毁滚动#xff0c;要不会出现错乱。我们在mounted建立滚动#xff0c;destroyed销毁滚动。mounted () {window.addEventListener(scroll, this.handleScroll)},destroyed () {window.removeEventListe…vue中添加滚动加载更多因为是单页面所以需要在跳出页面时候销毁滚动要不会出现错乱。我们在mounted建立滚动destroyed销毁滚动。mounted () {window.addEventListener(scroll, this.handleScroll)},destroyed () {window.removeEventListener(scroll, this.handleScroll)},定义一个函数在滚动到底部时候使滚动条距离顶部距离与可视区域高度之和等于滚动条总高度在加载后如果列表长度为0时应该停止加载要不会出现一直加载的情况handleScroll () {//变量scrollTop是滚动条滚动时距离顶部的距离var scrollTop document.documentElement.scrollTop||document.body.scrollTop;//变量windowHeight是可视区的高度var windowHeight document.documentElement.clientHeight || document.body.clientHeight;//变量scrollHeight是滚动条的总高度var scrollHeight document.documentElement.scrollHeight||document.body.scrollHeight;//滚动条到底部的条件if(scrollTopwindowHeightscrollHeight this.list.length !0){this.loadMore() // 加载的列表数据}}
