滚动

监听页面滚动

在mounted中进行监听滚动：

mounted () {
    window.addEventListener('scroll', this.scrollToTop)
},

在方法中定义监听滚动执行的方法：

scrollToTop() {
  　　var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
  　　console.log(scrollTop)
},

监听某元素滚动

tips：需要监听的这个元素需要拥有固定的高度

vue

<div ref="scrollContainer" @scroll="handleScroll" ></div>

handleScroll () {
	  let scrolled =this.$refs.scrollContainer.scrollTop;
	        console.log(scrolled)
	  //滚动条触发事件
   console.log(e)
   if (e.srcElement.scrollTop + e.srcElement.clientHeight == e.srcElement.scrollHeight ) {
       console.log("嘿嘿我在底部触发了")
   }

},