vue 监听某个div垂直滚动条下拉到底部的方法
2018-09-15 14:31
856 查看
如下所示:
this.$nextTick(() => { const el = document.querySelector('.act-not'); const offsetHeight = el.offsetHeight; el.onscroll = () => { const scrollTop = el.scrollTop; const scrollHeight = el.scrollHeight; if ((offsetHeight + scrollTop) - scrollHeight >= -1) { // 需要执行的代码 } }; });
坑:在做滚动加载分页时候,有时候第三方的弹窗如elementui 会出问题 ,这时候需要watch变量弹窗关闭时修改el.scrollTop=0即可。
以上这篇vue 监听某个div垂直滚动条下拉到底部的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue 监听某个div垂直滚动条下拉到底部
- 基于vue监听滚动事件实现锚点链接平滑滚动的方法
- vue.js-div滚动条隐藏但有滚动效果的实现方法
- vue 每次渲染完页面后div的滚动条保持在最底部的方法
- 让DIV的滚动条自动滚动到最底部 - 4种方法
- 【转载】让DIV的滚动条自动滚动到最底部的3种方法
- 让DIV的滚动条自动滚动到最底部 - 4种方法
- vue 中滚动条始终定位在底部的方法
- 让DIV的滚动条自动滚动到最底部 - 4种方法
- 让DIV的滚动条自动滚动到最底部 - 3种方法
- 让DIV的滚动条自动滚动到最底部的3种方法(推荐)
- 让DIV的滚动条自动滚动到最底部 - 4种方法(第二种好用)
- VUE 实现滚动监听 导航栏置顶的方法
- 让DIV中的垂直滚动条自动滚到最底部
- CSS教程:div垂直居中的N种方法[转]
- IE6下在div里插入img底部出现空白的处理方法
- 关于div的滚动条滚动到底部,内容显示不全的问题。(已解决)
- div+css垂直居中的五种实现方法
- CSS+DIV 设计的页面,在除了chrome、360浏览器外, 没有滚动条 不能下拉
- 精确监听AbsListView滚动至底部