网站首页 > 教程文章 正文
看似简单的功能事件,难道了不少朋友,不是功能有多难,而是对原理不了解浪费不少时间;简单明了收藏备用,或推荐给初学的朋友,赠人玫瑰手留余香;
在mounted中监听滚动元素的ID;‘scroll’监听事件名称,this.handleScrol要出发的函数;
mounted() { document.getElementById('元素ID').addEventListener('scroll',this.handleScroll) },
被出发的函数,下面用的jQuery获取元素和事件
handleScroll(){ let sss = $("元素ID").scrollTop(); console.log(sss); }
备注:获取元素父元素的ID,因为滚动条属于父元素,如果获取的是子元素,那永远获取的scrollTop的值都是0;
- 上一篇: 三种方法实现Vue路由跳转时自动定位在页面顶部
- 下一篇: 手把手教你写vue插件并发表到npm上
猜你喜欢
- 2024-12-29 vue前端埋点 - 神策埋点 vue前端埋点怎么实现
- 2024-12-29 面试遇到 性能优化 必答的 9 个点,加分!
- 2024-12-29 Vue NextTick揭秘:你不知道的秘密!
- 2024-12-29 史上最全 vue-router 讲解 !!! vue-router怎么用
- 2024-12-29 前端项目重构的一些思考和复盘 前端项目构建工具有什么
- 2024-12-29 vue3.0系列:Vue3自定义PC端弹窗组件V3Layer
- 2024-12-29 VueUse中的这5个函数,也太好用了吧
- 2024-12-29 vue-cms开源企业级后台管理系统 开源vue项目
- 2024-12-29 Vue和React的一些对比:哪个更适合你?
- 2024-12-29 第14天|14天搞定Vue3.0,电子地图,一定要用Vue?
- 06-18CentOS7安装Mongodb 4.x.x(centos7安装openstack)
- 06-18Window环境配置Mongodb(mongodb默认配置文件路径)
- 06-18FineReport如何连接和使用MongoDB数据库
- 06-18nosql之mongodb(nosql怎么读正确发音)
- 06-18Mongodb centos7安装(mongodb4.4.2安装教程)
- 06-18群晖(Synology)NAS 安装 MongoDB(群晖安装nat123)
- 06-18MongoDB 安装及实践(mongodb的安装过程和操作命令)
- 06-18MongoDB最全详解(万字图文总结)(mongodb lsm)
- 最近发表
-
- CentOS7安装Mongodb 4.x.x(centos7安装openstack)
- Window环境配置Mongodb(mongodb默认配置文件路径)
- FineReport如何连接和使用MongoDB数据库
- nosql之mongodb(nosql怎么读正确发音)
- Mongodb centos7安装(mongodb4.4.2安装教程)
- 群晖(Synology)NAS 安装 MongoDB(群晖安装nat123)
- MongoDB 安装及实践(mongodb的安装过程和操作命令)
- MongoDB最全详解(万字图文总结)(mongodb lsm)
- CentOS安装MongoDB教程(centos安装mpich)
- MongoDB入门指南:下载、安装和配置一款强大的NoSQL数据库
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- mybatis plus page (35)
- vue @scroll (38)
- 堆栈区别 (33)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)
- redis aof rdb 区别 (33)
- 302跳转 (33)
- http method (35)
- js array splice (33)