监听滚动条

 mounted(){
   window.addEventListener('scroll', this.handleScroll);
 }
 
 method:{
 // 监听滚动事件
 handleScroll () {


bindScroll(event) {
// console.log(event)
// 滚动的高度
const scrollTop =
(event.srcElement
? event.srcElement.documentElement.scrollTop
: false) ||
window.pageYOffset ||
(event.srcElement ? event.srcElement.body.scrollTop : 0);
// 视窗高度
const clientHeight =
(event.srcElement && event.srcElement.documentElement.clientHeight) ||
document.body.clientHeight;
// 页面高度
const scrollHeight =
(event.srcElement && event.srcElement.documentElement.scrollHeight) ||
document.body.scrollHeight;
// 距离页面底部的高度
const height = scrollHeight - scrollTop - clientHeight;

// console.log(height, scrollHeight, scrollTop, clientHeight);
},

},
 
 }
  
 destroyed () {  //  记得销毁监听不然耗性能
 window.removeEventListener('scroll', this.handleScroll)
 },