// 绑定事件
<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)
}
vue的@scroll事件获取滚动条离顶部的距离
最新推荐文章于 2023-09-25 11:40:10 发布