网站首页 > 博客文章 正文
看似简单的功能事件,难道了不少朋友,不是功能有多难,而是对原理不了解浪费不少时间;简单明了收藏备用,或推荐给初学的朋友,赠人玫瑰手留余香;
在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-11 vue3优雅的设置element-plus的table自动滚动到底部
- 2025-03-11 超高效 Vue pc端表格解决方案Vxe-Table
- 2025-03-11 轻量级 React.js 虚拟美化滚动条组件RScroll
- 2025-03-11 为何 TanStack Virtual 成为 React/Vue/Svelte 框架虚拟滚动天花板?
- 2025-03-11 基于 Vue3 自定义滚动条组件CScrollbar
- 2025-03-11 7.6K Star!vxe-table:搞定虚拟滚动加载,打造高性能的Vue表格
- 2025-03-11 高质量 Vue.js 自定义美化滚动条VueScroll
- 2025-03-11 小巧 Vue 页面滚动进度条组件ScrollProgress
- 2025-03-11 「Vue项目」中的滚动组件&联动效果从0到1(建议收藏)
你 发表评论:
欢迎- 376℃手把手教程「JavaWeb」优雅的SpringMvc+Mybatis整合之路
- 370℃用AI Agent治理微服务的复杂性问题|QCon
- 364℃初次使用IntelliJ IDEA新建Maven项目
- 356℃Maven技术方案最全手册(mavena)
- 353℃安利Touch Bar 专属应用,让闲置的Touch Bar活跃起来!
- 351℃IntelliJ IDEA 2018版本和2022版本创建 Maven 项目对比
- 350℃InfoQ 2024 年趋势报告:架构篇(infoq+2024+年趋势报告:架构篇分析)
- 346℃从头搭建 IntelliJ IDEA 环境(intellij idea建包)
- 最近发表
- 标签列表
-
- powershellfor (55)
- messagesource (56)
- aspose.pdf破解版 (56)
- promise.race (63)
- 2019cad序列号和密钥激活码 (62)
- window.performance (66)
- qt删除文件夹 (72)
- mysqlcaching_sha2_password (64)
- ubuntu升级gcc (58)
- nacos启动失败 (64)
- ssh-add (70)
- jwt漏洞 (58)
- macos14下载 (58)
- yarnnode (62)
- abstractqueuedsynchronizer (64)
- source~/.bashrc没有那个文件或目录 (65)
- springboot整合activiti工作流 (70)
- jmeter插件下载 (61)
- 抓包分析 (60)
- idea创建mavenweb项目 (65)
- vue回到顶部 (57)
- qcombobox样式表 (68)
- vue数组concat (56)
- tomcatundertow (58)
- pastemac (61)
本文暂时没有评论,来添加一个吧(●'◡'●)