vue 监听某个div垂直滚动条下拉到底部的方法


Posted in Javascript onSeptember 15, 2018

如下所示:

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垂直滚动条下拉到底部的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript实现二分查找法实现代码
Nov 12 Javascript
JQUERY 浏览器判断实现函数
Aug 20 Javascript
jQuery源码分析之Event事件分析
Jun 07 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
Dec 21 Javascript
JavaScript数组去重的6个方法
Jan 21 Javascript
JavaScript中for循环的几种写法与效率总结
Feb 03 Javascript
JS实现点击Radio动态更新table数据
Jul 18 Javascript
详解如何在Vue里建立长按指令
Aug 20 Javascript
Angular之jwt令牌身份验证的实现
Feb 14 Javascript
JS浏览器BOM常见操作实例详解
Apr 27 Javascript
在VUE style中使用data中的变量的方法
Jun 19 Javascript
vue--点击当前增加class,其他删除class的方法
Sep 15 #Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
Sep 15 #Javascript
在vue中实现点击选择框阻止弹出层消失的方法
Sep 15 #Javascript
对vue下点击事件传参和不传参的区别详解
Sep 15 #Javascript
vue-cli webpack 引入swiper的操作方法
Sep 15 #Javascript
swiper在vue项目中loop循环轮播失效的解决方法
Sep 15 #Javascript
解决vue中虚拟dom,无法实时更新的问题
Sep 15 #Javascript
You might like
PHP文件操作之获取目录下文件与计算相对路径的方法
2016/01/08 PHP
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
jQuery实现首页顶部可伸缩广告特效代码
2015/04/15 Javascript
详解AngularJS中的http拦截
2016/02/09 Javascript
详解js数组的完全随机排列算法
2016/12/16 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
老生常谈js-react组件生命周期
2017/05/02 Javascript
JavaScript中undefined和null的区别
2017/05/03 Javascript
NodeJS实现图片上传代码(Express)
2017/06/30 NodeJs
Vue中的数据监听和数据交互案例解析
2017/07/12 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
2017/09/19 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
微信小程序支付及退款流程详解
2017/11/30 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
微信小程序之 catalog 切换实现解析
2019/09/12 Javascript
[50:50]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第一场 12.10
2020/12/13 DOTA
Python HTMLParser模块解析html获取url实例
2015/04/08 Python
详解Python发送邮件实例
2016/01/10 Python
Python实现FTP上传文件或文件夹实例(递归)
2017/01/16 Python
Python常见字典内建函数用法示例
2018/05/14 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
Python中用pyinstaller打包时的图标问题及解决方法
2020/02/17 Python
Pycharm和Idea支持的vim插件的方法
2020/02/21 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
浏览器实现移动端高性能css3动画(开启gpu加速)
2013/12/23 HTML / CSS
复古服装:RetroStage
2019/05/10 全球购物
自荐信的五个重要部分
2013/10/29 职场文书
决心书范文
2014/03/11 职场文书
生产文员岗位职责
2014/04/05 职场文书
《画风》教学反思
2014/04/16 职场文书
“三支一扶”支教教师思想汇报
2014/09/13 职场文书
2019年暑期安全广播稿!
2019/07/03 职场文书
导游词之广西漓江
2019/11/02 职场文书
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript