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

Posted 2023-04-27

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

主要就是用到ref和@scroll

ref 加在普通的元素上，用this.$refs.（ref值） 获取到的是dom元素

@scroll可以监听滚动事件

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

希望对你有所帮助！

js监听两个滚动条，JavaScript、Html

在html中有两个<div>标签标签里是滚动条,我想监听其中一个标签里滚动条的滚动情况、然后实现加载。js里现在监听的是两个滚动条的滚动情况，只要发生滚动就会加载。问：怎么监听其中的一个滚动条情况。出学小白一枚，说的可能不太明白。求大神解答
我是想，可不可以，监听指定id的div标签。

尝试用一下其中的id, 不要直接用 $('div')。
你要监控第一个，用 $('div.showError').scroll(...)；
监控第二个，就用 $('div.showAll').scroll(...)；追问

不成啊，还有别的方法吗

参考技术A 试试这个：
var left=document.querySelector('#lefts')
left.addEventListener('scroll',function()
var h =left.scrollTop ;
console.log(h)
)