vue的@scroll事件获取滚动条离顶部的距离

// 绑定事件<template@scroll.native="getScroll" ></template>//method 中定义getScroll(event) {let top = event.target.scrollTop;console.log(top)},// mounted中mounted(){window.addEventListener('scroll

罗小黑__

3571人浏览 · 2020-09-28 15:21:53

罗小黑__ · 2020-09-28 15:21:53 发布

 // 绑定事件 
 <template  @scroll.native="getScroll" ></template>
	//method 中定义
 getScroll(event) {
 		// 获取滚动条离顶部的距离
		let top = event.target.scrollTop;
 		console.log(top)
		// 滚动条距离底部的距离scrollBottom
		let scrollBottom =
			event.target.scrollHeight -
			event.target.scrollTop -
			event.target.clientHeight;
		console.log(scrollBottom )
 },
  // mounted中
  mounted(){
 	 window.addEventListener('scroll', this.getScroll,true)
  }