在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 ;
Logo

前往低代码交流专区

更多推荐