网站首页 > 基础教程 正文
看似简单的功能事件,难道了不少朋友,不是功能有多难,而是对原理不了解浪费不少时间;简单明了收藏备用,或推荐给初学的朋友,赠人玫瑰手留余香;
在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;
- 上一篇: 50个好用的前端框架,千万收好以留备用
- 下一篇: 6 款超棒的响应式网站设计模板推荐
猜你喜欢
- 2025-01-29 深入学习React的合成事件(react总结)
- 2025-01-29 深研细思自觉对照 谋划出路不等不靠|黑龙江召开全省检察长会议贯彻落实中央、省委政法工作会议和全国检察长会议精神
- 2025-01-29 typescript超全入门基础语法详解,及配置文件详解
- 2025-01-29 Web性能的计算方式与优化方案(二)
- 2025-01-29 CSS/jQuery基本选择器手册-值得收藏
- 2025-01-29 JavaScript 开源项目资源大全(javascript源码)
- 2025-01-29 Kendo UI Professional Q2 2015 Beta发布
- 2025-01-29 Git 从入门到精通,这篇包教包会(git快速入门教程 简书)
- 2025-01-29 前端高效开发必备的 JS 库梳理(前端常用库)
- 2025-01-29 「JS优化篇」你的 if - else 代码肯定没我写的好
- 05-162025前端最新面试题之HTML和CSS篇
- 05-16大数据开发基础之HTML基础知识
- 05-16微软专家告诉你Win10 Edge浏览器和EdgeHTML的区别
- 05-16快速免费将网站部署到公网方法(仅支持HTML,CSS,JS)
- 05-16《从零开始学前端:HTML+CSS+JavaScript的黄金三角》
- 05-16一个简单的标准 HTML 设计参考
- 05-16css入门
- 05-16前端-干货分享:更牛逼的CSS管理方法-层(CSS Layers)
- 最近发表
- 标签列表
-
- jsp (69)
- pythonlist (60)
- gitpush (78)
- gitreset (66)
- python字典 (67)
- dockercp (63)
- gitclone命令 (63)
- dockersave (62)
- linux命令大全 (65)
- pythonif (86)
- location.href (69)
- dockerexec (65)
- deletesql (62)
- c++模板 (62)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- console.table (62)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)