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 相关文章推荐
jquery isEmptyObject判断是否为空对象的函数
Feb 14 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
Jan 27 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
Javascript基础教程之比较操作符
Jan 18 Javascript
在JavaScript中使用NaN值的方法
Jun 05 Javascript
H5用户注册表单页 注册模态框!
Sep 17 Javascript
js仿手机页面文件下拉刷新效果
Oct 14 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
js实现Tab选项卡切换效果
Jul 17 Javascript
js array数组对象操作方法汇总
Mar 18 Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 Javascript
JavaScript执行机制详细介绍
Dec 06 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
PHPUnit安装及使用示例
2014/10/29 PHP
摘自织梦CMS的HTTP文件下载类
2015/08/08 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
PHP 获取指定地区的天气实例代码
2017/02/08 PHP
深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点
2012/01/15 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
2012/03/01 Javascript
jQuery实现自定义下拉列表
2015/01/05 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
2015/02/27 Javascript
将页面table内容与样式另存成excel文件的方法
2015/08/05 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
jQuery webuploader分片上传大文件
2016/11/07 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
vuejs使用FormData实现ajax上传图片文件
2017/08/08 Javascript
JS实现的透明度渐变动画效果示例
2018/04/28 Javascript
函数式编程入门实践(一)
2019/04/20 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
Openlayers实现点闪烁扩散效果
2020/09/24 Javascript
夯基础之手撕javascript继承详解
2020/11/09 Javascript
python中查找excel某一列的重复数据 剔除之后打印
2013/02/10 Python
Python 常用 PEP8 编码规范详解
2017/01/22 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
Python I/O与进程的详细讲解
2019/03/08 Python
python获取地震信息 微信实时推送
2019/06/18 Python
python实现图片九宫格分割
2021/03/07 Python
python实现大学人员管理系统
2019/10/25 Python
python 遍历pd.Series的index和value
2019/11/26 Python
如何基于pythonnet调用halcon脚本
2020/01/20 Python
C#面试题
2016/05/06 面试题
介绍一下grep命令的使用
2015/06/12 面试题
名人演讲稿范文
2013/12/28 职场文书
名企HR怎样看待求职信
2014/02/23 职场文书
小学生读书活动总结
2014/06/30 职场文书
《家》读后感:万惜拯救,冷暖自知
2019/09/25 职场文书
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android