开发者社区 开发与运维 文章 正文

js 获取页面的滚动高度

2023-08-26 75
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： js 获取页面的滚动高度

想要获取页面的滚动位置可以通过给window绑定滚动事件来实现。

window.addEventListener('scroll',()=>{
            const n = document.documentElement.scrollTop
            console.log(n);
        })

通过该方法可以获取页面的当前位置，或者实现其他的效果，例如电梯导航

文章标签：
JavaScript
关键词：
JavaScript页面
JavaScript滚动
JavaScript页面滚动
.星空.
目录
相关文章
六卿
|
2月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容，支持文本类型文件。在文件读取成功后，可以通过onload事件处理函数获取文件内容，然后展示到页面上。
六卿
56 2
前端JS读取文件内容并展示到页面上
bruce_xiaowei
|
23天前
|
Web App开发 前端开发 JavaScript
JavaScript动态渲染页面爬取——Selenium的使用（一）
JavaScript动态渲染页面爬取——Selenium的使用（一）
bruce_xiaowei
31 4
bruce_xiaowei
|
23天前
|
Web App开发 数据采集 JavaScript
JavaScript动态渲染页面爬取——Selenium的使用（二）
JavaScript动态渲染页面爬取——Selenium的使用（二）
bruce_xiaowei
38 2
六卿
|
2月前
|
JavaScript 前端开发
js 回到页面顶部
本文提供了一个JavaScript函数`scrollToTop`，用于平滑滚动页面回到顶部。该函数利用`requestAnimationFrame`和`window.scrollTo`方法逐步减少滚动条距离，直到页面完全回到顶部。
六卿
29 1
Li370234940
|
22天前
|
JavaScript 前端开发 API
JavaScript全屏，监听页面是否全屏
JavaScript全屏，监听页面是否全屏
Li370234940
41 0
bruce_xiaowei
|
24天前
|
前端开发 JavaScript
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
bruce_xiaowei
30 0
bruce_xiaowei
|
24天前
|
存储 JSON JavaScript
JavaScript动态渲染页面爬取——Pyppeteer爬取实战
JavaScript动态渲染页面爬取——Pyppeteer爬取实战
bruce_xiaowei
29 0
html的七十二变
|
2月前
|
JavaScript 前端开发
js怎么定位不同的页面元素
在JavaScript中，有多种方法定位和选择页面元素。
html的七十二变
31 10
游客qeoynko2nmbgk
|
2月前
|
JavaScript 前端开发
[收藏]用JavaScript让弹出页面以最小化的形式出现在状态栏中
[收藏]用JavaScript让弹出页面以最小化的形式出现在状态栏中
游客qeoynko2nmbgk
27 0
杀死一只知更鸟debug
|
2月前
|
JavaScript 前端开发
js登录注册简单tab切换页面（含前台表单验证）
文章介绍了如何使用HTML、CSS和JavaScript创建一个简单的登录注册页面，并实现Tab切换效果。包括了表单验证，点击登录或注册按钮时，可以切换显示相应的表单。同时提供了完整的前端代码和实现效果图。
杀死一只知更鸟debug
78 0