vue的套路

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

2020-06-08  本文已影响0人  是曹不是蔡

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

主要就是用到ref和@scroll

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

@scroll可以监听滚动事件

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

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

希望对你有所帮助!

上一篇下一篇

猜你喜欢

热点阅读