网站视频主持,东莞微信网站建设更好,广西梧州为什么不能去,企业的漏沟设计公司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() // 加载的列表数据}}
