<style> body { height: 200vh; } </style> <body> <script> /** * 监听页面滚动 * */ window.addEventListener('scroll', function () { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; console.log(scrollTop); }) </script> </body>
js：监听页面滚动scroll的距离
2022-09-14
232
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
js：监听页面滚动scroll的距离
目录
相关文章
|
5月前
|
JavaScript
前端开发
程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素，但是它们之间有些细微的差别，稍不注意，就很容易弄错！
109
1
1
|
2月前
|
数据采集
JavaScript
Android开发
【02】仿站技术之python技术，看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载（简单）-ios苹果plist下载（稍微麻烦一丢丢）-优雅草卓伊凡
【02】仿站技术之python技术，看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载（简单）-ios苹果plist下载（稍微麻烦一丢丢）-优雅草卓伊凡
91
7
7
|
2月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
75
1
2
|
3月前
|
人工智能
程序员
UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
174
21
22
|
1月前
|
JavaScript
前端开发
API
|
3月前
|
前端开发
JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
85
14
15
|
6月前
|
JavaScript
API
|
6月前
|
JavaScript
前端开发
API
|
10月前
|
JavaScript
前端开发
|
9月前
|
前端开发
JavaScript
js 进入浏览器全屏（F11效果）、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式（全屏伪类）
js 进入浏览器全屏（F11效果）、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式（全屏伪类）
786
0
0
热门文章
最新文章
1
如何在阿里云的linux上搭建Node.js编程环境？
2
【Javascript系列】Terser除了压缩代码之外，还有优化代码的功能
3
Spring Boot 与 Vue.js 前后端分离中的数据交互机制
4
JavaScript：编程宇宙的多面闪耀之星-揭秘 JavaScript，编程界的全能霸主如何炼成？-优雅草卓伊凡
5
通义灵码 Rules 库合集来了，覆盖Java、TypeScript、Python、Go、JavaScript 等
6
js如何把年月日转换为时间戳
7
JS实现多条件搜索函数
8
JS实现实时输入验证
9
了解JS的递归
10
前端基础的讲解-JS(7)
1
JS编码标准掌握后让你的代码更整洁
77
2
JS 代码变量和函数的正确写法
78
3
实用的一行 JavaScript 代码
96
4
JavaScript 代码示例及 Dart 对应代码
81
5
Node中的AsyncLocalStorage 使用问题之AsyncLocalStorage 工作时性能的问题如何解决
60
6
Node中的AsyncLocalStorage 使用问题之Node.js将 JavaScript 层的 nativeHooks 注册到 C++ 层的问题如何解决
64
7
Node中的AsyncLocalStorage 使用问题之Node.js内部模块和外部模块的加载的问题如何解决
72
8
Node中的AsyncLocalStorage 使用问题之生产环境中使用async_hooks的问题如何解决
60
9
Node中的AsyncLocalStorage 使用问题之nestjs-cls 库提供了什么功能
129
10
Node中的AsyncLocalStorage 使用问题之egg.js 和 midwayjs 与 Koa.js 有什么关系
77