在开发中常常会遇到这样一个vue页面,页面分为左右两部分,左边是目录树,右边是一个类名为xq-box的div,在xq-box中多个div上下并列布局,每个div中的内容就对应着左边目录树中的相应节点,现在的目标是,要监听这个xq-box滚动事件,右边一旦开始滚动,就要知道滚动到哪个子 ...
BUG 记录: 通过 this. refs.xxx.scrollTop 获取到的滚动位置一直为 可以尝试给 div 设置height: 给定高度 overflow:hidden overflow y:scroll ...
2020-11-06 11:27 0 517 推荐指数:
在开发中常常会遇到这样一个vue页面,页面分为左右两部分,左边是目录树,右边是一个类名为xq-box的div,在xq-box中多个div上下并列布局,每个div中的内容就对应着左边目录树中的相应节点,现在的目标是,要监听这个xq-box滚动事件,右边一旦开始滚动,就要知道滚动到哪个子 ...
1.监听滚动事件在方法中添加一个方法 然后,在mounted钩子中,给window添加一个滚动监听事件 2.根据自己的需求,完善代码 3. 4. 注意:如果离开该页面,就要移除这个监听事件,不然会报 ...
前言 记录一下获取滚动条相对距离和绝对距离的方法 说明(个人理解) 相对距离 当前滚动条到父滚动条的距离 绝对距离 当前滚动条到页面顶部的位置 实例 1.获取当前组件DOM标签滚动条位置 2.获取子组件DOM标签滚动条位置 总结 当使用 $refs ...
一、解决方案: 加上异步setTimeout,延迟获取dom的代码的执行 mounted() { // debugger this.$nextTick(()=> { setTimeout(()=> { let el ...
来源:https://www.cnblogs.com/mting/p/3177486.html 1、获取绝对位置 $("#id").offset().left; $("#id").offset().top; 2、获取相对父元素的位置 1)父元素必须设置position ...
问题描述 在实现锚点定位的时候发现无法设置滚动条的位置。 在Vue中,使用 document.body.scrollTop=952 无法设置滚动条的高度。 document.body.scrollTop一直是0 原因 因为vue的页面指定了DTD,即指定了DOCTYPE时,使用 ...
html 部分 效果 ...