网站首页 > 技术文章 正文
看似简单的功能事件,难道了不少朋友,不是功能有多难,而是对原理不了解浪费不少时间;简单明了收藏备用,或推荐给初学的朋友,赠人玫瑰手留余香;
在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(中)
- 最近发表
- 标签列表
-
- cmd/c (57)
- c++中::是什么意思 (57)
- sqlset (59)
- ps可以打开pdf格式吗 (58)
- phprequire_once (61)
- localstorage.removeitem (74)
- routermode (59)
- vector线程安全吗 (70)
- & (66)
- java (73)
- org.redisson (64)
- log.warn (60)
- cannotinstantiatethetype (62)
- js数组插入 (83)
- resttemplateokhttp (59)
- gormwherein (64)
- linux删除一个文件夹 (65)
- mac安装java (72)
- reader.onload (61)
- outofmemoryerror是什么意思 (64)
- flask文件上传 (63)
- eacces (67)
- 查看mysql是否启动 (70)
- java是值传递还是引用传递 (58)
- 无效的列索引 (74)