vue如何获取滚动条滚动距离(vue有滚动条但是鼠标不能滚动) | 您所在的位置:网站首页 › dom鼠标事件 › vue如何获取滚动条滚动距离(vue有滚动条但是鼠标不能滚动) |
1.点击某个标签,滚动到某个具体位置 switchHeight(num) { this.selectNum = num; if (num == 0) { document.getElementById("identifer_one").scrollIntoView(); } else { document.getElementById("hotel_two").scrollIntoView(); } }, 2.获取滚动高度, 首先要先写监听事件: mounted() { window.addEventListener("scroll", this.handleScroll, true); //监听滚动事件 }, 处理监听事件:e.target.scrollTop是目标对象的滚动高度 handleScroll(e) { let serviceTop = 44; let hotelTop = 344; if (e.target.scrollTop > 44 && e.target.scrollTop < 344) { this.selectNum = 0; } if (e.target.scrollTop > 344) { this.selectNum = 1; } } },
|
CopyRight 2018-2019 实验室设备网 版权所有 |