网站首页 > 技术文章 正文
看似简单的功能事件,难道了不少朋友,不是功能有多难,而是对原理不了解浪费不少时间;简单明了收藏备用,或推荐给初学的朋友,赠人玫瑰手留余香;
在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;
猜你喜欢
- 2025-03-28 前端工程师养成计划 专区(前端工程师进阶)
- 2025-03-28 建站的技术篇(干货分享)(建站是干什么的)
- 2025-03-28 js获取链接内容(抓取html资源链接)
- 2025-03-28 Web前端新人笔记之了解Jquery(jquery 前端)
- 2025-03-28 web前端Jquery学习笔记一(jquery 前端)
- 2025-03-28 用了 7 年 Web 组件,踩坑无数,我终于看清了的真相
- 2025-03-28 程序猿看小说还要去找TXT?自己动手爬一个TXT才是正确的打开方式
- 2025-03-28 GoQuery - Go语言的jQuery(go语言 方法)
- 2025-03-28 关于JQuery引用及基本用法(jquery的引用)
- 2025-03-28 JavaScript学习笔记(三十二)—jQuery(中)
- 08-06中等生如何学好初二数学函数篇
- 08-06C#构造函数
- 08-06初中数学:一次函数学习要点和方法
- 08-06仓颉编程语言基础-数据类型—结构类型
- 08-06C++实现委托机制
- 08-06初中VS高中三角函数:从"固定镜头"到"360°全景",数学视野升级
- 08-06一文讲透PLC中Static和Temp变量的区别
- 08-06类三剑客:一招修改所有对象!类方法与静态方法的核心区别!
- 最近发表
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (88)
- es6includes (74)
- sqlset (76)
- windowsscripthost (69)
- apt-getinstall-y (100)
- node_modules怎么生成 (87)
- chromepost (71)
- flexdirection (73)
- c++int转char (80)
- mysqlany_value (79)
- static函数和普通函数 (84)
- el-date-picker开始日期早于结束日期 (70)
- asynccallback (71)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)