JS方法篇：vue.js判断滚动条触底

mounted(){window.addEventListener('scroll', this.handleScroll) // 监听页面滚动},methods:{// 获取页面滚动距离handleScroll (event) {//变量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(scrollTop + windowHeight === scrollHeight){//写后台加载数据的函数console.log("距顶部"+scrollTop+"可视区高度"+windowHeight+"滚动条总高度"+scrollHeight);}}}