网站首页 > 技术文章 正文
看似简单的功能事件,难道了不少朋友,不是功能有多难,而是对原理不了解浪费不少时间;简单明了收藏备用,或推荐给初学的朋友,赠人玫瑰手留余香;
在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 (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (88)
- es6includes (74)
- sqlset (76)
- apt-getinstall-y (100)
- node_modules怎么生成 (87)
- chromepost (71)
- flexdirection (73)
- c++int转char (80)
- mysqlany_value (79)
- static函数和普通函数 (84)
- el-date-picker开始日期早于结束日期 (76)
- js判断是否是json字符串 (75)
- c语言min函数头文件 (77)
- asynccallback (87)
- localstorage.removeitem (77)
- vector线程安全吗 (73)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- 无效的列索引 (74)
