js 获取浏览器页面滚动的高度

最新推荐文章于 2025-05-20 11:40:52 发布
转载 最新推荐文章于 2025-05-20 11:40:52 发布 · 589 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/pumushan/p/4969104.html

本文深入探讨了在不同浏览器环境下获取滚动条位置的方法，对比了Chrome和IE的实现方式，为开发者提供了解决跨浏览器兼容问题的实用指南。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

var scrollTop = document.body.scrollTop // chrome
var scrollTop = document.documentElement.scrollTop // ie

 

转载于:https://www.cnblogs.com/pumushan/p/4969104.html

js获取浏览器宽度高度（整理）
天马3798
12-10 1万+
● window.innerHeight： 浏览器内页面可用高度，此高度包含了水平滚动条的高度(若存在)。● window.innerWidth： 浏览器内页面可用宽度，此宽度包含了垂直滚动条的宽度(若存在)。● window.outerWidth： 浏览器宽度，包含了浏览器边框所以这种方式不常用。一般情况作为前端获取浏览器宽度，主要是指获取body的宽度，可操作的可视范围宽度。重点，jquery获取的宽度=浏览器的可视宽度-滚动条的宽度（如果有滚动条）
实时获取浏览器滚动条高度（兼容写法）
猿小白的博客
08-27 1842
目录 一、js版本写法 二、jquery版本写法 一、js版本写法 <script type="text/javascript"> window.onscroll = function() { //获取滚动条到顶部的垂直高度 var scrollHigh = document.documentElement.scrollTop || document.body.scrollTop; console.log(scrollHigh) } </script>
javascript获取滚动条高度 页面宽度与高度
06-10
javascript 获取滚动条高度 页面宽度 页面高度 教程
js 获取浏览器 滚动的高度
业余前端的职业经历
04-30 2210
有的时候确实有这样的业务 当浏览器滚动到 一定得高度之后 做一些 操作 这个时候就需要获取到我们滚动的高度了 但是 我看网上写的那个 document.body.scrollTop 好像获取不到 window.scrollY, window.pageYOffset 这个两个都可以 window.addEventListener( 'scroll', function() { console.log(window.scrollY, window.pageYO...
【C# 自动化测试】借助js获取浏览器滚动条高度
最新发布
长期关注AI发展路径、技术价值转化与系统性落地。
05-20 395
本文总结了C#自动化测试中滚动条操作的核心语法与实战技巧。文章首先介绍了滚动控制的核心方法，包括scrollTo、scrollBy和scrollIntoView，并提供了获取滚动条位置和文档总高度的代码示例。
js基础--获取浏览器当前页面的滚动条高度的兼容写法
Yous的博客
07-14 4732
在开发中，兼容性问题是最常见的，今天就来介绍一下关于获取滚动条高度的兼容性写法，宽度同理，我在这里就不一一解释了 IE9以上 Safari Firefox Chrome 具体的写法 通过上面列出的主流浏览器的兼容性，其实我们不难看出，其实只要我们判断到document.body.scrollTop和document.documentElement.scrollTop就会包括上面所有的浏览器；故最终的写法 如果需要监听滚动条，那么就监听onscroll事件即可；如 转载自：js基础–
js 获取页面的滚动高度
m0_72759446的博客
08-19 1107
通过该方法可以获取页面的当前位置，或者实现其他的效果，例如电梯导航。想要获取页面的滚动位置可以通过给window绑定滚动事件来实现。
JS 获取页面滚动条的高度
shibaweijin的博客
09-15 1065
function getScrollTop() { let scroll_top = 0; if (document.documentElement && document.documentElement.scrollTop) { scroll_top = document.documentElement.scrollTop; } else if (document.body) { scroll_top = document.body.scrollTop; }
js 获取浏览器高度和宽度值(多浏览器)
10-29
在 Web 开发中，获取浏览器的高度和宽度值是非常重要的，因为它能够帮助我们更好地布局页面元素和实现响应式设计。然而，浏览器的高度和宽度值获取方法却因浏览器的不同而有所区别。在本文中，我们将讨论如何在不同...
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
10-21
在本文中，我们将深入探讨如何使用JavaScript获取浏览器高度、窗口高度、元素尺寸以及元素的偏移属性。这些都是前端开发中常见的需求，理解并掌握这些方法对于优化用户体验至关重要。 首先，我们来看如何获取浏览器...
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
01-19
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中，浏览器显示窗口大小只能以下获取： 代码如下复制代码 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了...
js获取滚动条高度
Utopian_x的博客
10-17 4836
代码如下 <script> // 对有DOCTYPE申明的页面 可以使用：document.documentElement.scrollTop // 对没有DOCTYPE申明的页面 可以使用：document.body.scrollTop // safari 比较特殊 可以使用 window.pageYOffset var scroll = document.documentElement.scrollTop || document.body.scrol...
javascript 获取滚动条高度+常用js页面宽度与高度（转）
weixin_33713350的博客
09-22 108
/******************** *获取窗口滚动条高度 ******************/ function getScrollTop() { var scrollTop=0; if(document.documentElement&amp;&amp;document.documentElement.scrollTop) { ...
javascript 获取滚动条高度+常用js页面宽度与高度
u012992280的专栏
01-29 481
/********************  * 取窗口滚动条高度   ******************/ function getScrollTop() {     var scrollTop=0;     if(document.documentElement&&document.documentElement.scrollTop)     {         scroll
[转] javascript 获取滚动条高度+常用js页面宽度与高度
又是再见?
08-10 882
/********************  * 取窗口滚动条高度   ******************/ function getScrollTop() {     var scrollTop=0;     if(document.documentElement&&document.documentElement.scrollTop)     {         scroll
【JavaScript编程实操13】1.获取浏览器的宽度和高度 2.实时获得页面滚动高度
qq_45498824的博客
04-20 630
本次主要是针对Javascript阶段的DOM模型的实操练习，共有2个实操，大家可以在实操的过程中更加深入地理解DOM模型中获取宽度和高度的的知识点。其中获取浏览的宽度和高度是DOM模型中获取浏览器的宽度和高度的常用方法，主要有window.innerWidth和window.innerHeight，也有其他方法来获取浏览器的宽度和高度，比如document.documentElement.clientWidth和document.documentElement.clientHeight。
各浏览器获取滚动条高度
qq_42357338的博客
03-08 466
Firefox：document.documentElement.scrollTop 或者$(window).scrollTop() chrome：document.body.scrollTop Safari：document.body.scrollTop IE9及以上：document.documentElement.scrollTop
跨浏览器获取滚动条高度解决方案
4. `GetScrollTop`函数是获取页面滚动条垂直位置的核心部分。对于IE浏览器，它调用`IeTrueBody`函数并获取其`scrollTop`属性；对于非IE浏览器（假设它们遵循W3C标准），它使用`window.pageYOffset`来获取滚动条位置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值