vue监听指定区域的滚动,以及设置滚动值

这个方法适用于顶部固定这种不是全页面在滚动的情况,只需要监听指定的位置滚动就能触发想要的效果。


主要就是用到ref和@scroll

ref 加在普通的元素上,用this.$refs.(ref值) 获取到的是dom元素

@scroll可以监听滚动事件



因为我绑定名字是Box,所以就用这个this.$refs.Box来指定dom进行操作,这里我让他滚回到了顶部。

特别提醒,指定区域要设置一个固定高度,不然会失效。比如这样:


希望对你有所帮助!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。