在vue项目页面监听div滚动,和设置滚动值
在vue项目页面监听div滚动第一步mounted(){// 先给页面注册滚动事件document.addEventListener('scroll',this.Scroll)}第二步methods: {// 滚动事件// 如果不绑定到元素上,则只能监听页面滚动Scroll(e...
·
在vue项目页面监听div滚动
第一步
mounted(){
// 先给页面注册滚动事件
document.addEventListener('scroll',this.Scroll)
}
第二步
methods: {
// 滚动事件
// 如果不绑定到元素上,则只能监听页面滚动
Scroll(e){
console.log(this.$refs.orderBox.scrollTop)
},
}
第三步
<!--绑定到元素上才能使用@scroll监听元素滚动-->
<div ref="Box" @scroll="orderScroll"></div>
设置某元素的滚动值
// 将指定设有scroll的盒子滚动到顶部
this.$refs.Box.scrollTop = 0 ;
更多推荐
已为社区贡献3条内容
所有评论(0)