vue滚动监听无效 ,vue使用Element的InfiniteScroll无限滚动后滚动监听无效 -解决方案

网友投稿 424 2022-09-25

第一步：

获取你所绑定的VUE容器，或者 是Element的InfiniteScroll所绑定容器，一般情况下是InfiniteScroll所绑定容器

document.querySelector("#news")

第二步：

在该容器上绑定  οnscrοll="myFunction()"  事件

第三步：

获取绑定容器的滚动条偏移量

let scrollTop = document.querySelector("#news").scrollTop; // 滚动条偏移量

第四步：

获取导航的相对垂直偏移位置的偏移容器，一般情况下，导航是在最顶部，所以，我这边获取的是导航

let offsetTop = document.querySelector('#naver').offsetTop; // 要滚动到顶部吸附的元素的偏移量

第五步：

操作变量，影响DOM结构

news.isFixed = scrollTop > offsetTop + 200 ? true : false; // 如果滚动到顶部了，this.isFixed就为true news.showFlages = scrollTop > offsetTop + 200 ? false : true;

之前使用的 vue 滚动监听是这样的

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。