美文网首页vue的套路
vue监听指定区域的滚动,以及设置滚动值

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

作者: 是曹不是蔡 | 来源:发表于2020-06-08 17:26 被阅读0次

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

    主要就是用到ref和@scroll

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

    @scroll可以监听滚动事件

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

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

    希望对你有所帮助!

    相关文章

      网友评论

        本文标题:vue监听指定区域的滚动,以及设置滚动值

        本文链接:https://www.haomeiwen.com/subject/rqcgzhtx.html