JavaScript 获取页面滚动条位置与尺寸的函数实现
作者:异步漫步时间:2026-10-23 23:31:51浏览:461
本文介绍如何使用 JavaScript 获取当前页面的滚动条位置(垂直和水平)以及页面的总宽度和高度。代码兼容标准模式和怪异模式,通过判断 document.documentElement 和 document.body 的属性来确保在不同浏览器环境下都能正确获取滚动信息,返回包含 t, l, w, h 的对象。
JavaScript 获取页面滚动条位置与尺寸的函数实现
该功能代码此前已在“用 Javascript 实现锚点(Anchor)间平滑跳转”一文中提及,鉴于其在实际开发中的高频使用场景,此处单独整理发布,以便读者查阅和引用。
具体实现代码如下:
<script type="text/javascript">
// 说明:用 Javascript 获取滚动条位置等信息
// 来源 :ThickBox 2.1
function getScroll()
{
var t, l, w, h;
if (document.documentElement && document.documentElement.scrollTop) {
t = document.documentElement.scrollTop;
l = document.documentElement.scrollLeft;
w = document.documentElement.scrollWidth;
h = document.documentElement.scrollHeight;
} else if (document.body) {
t = document.body.scrollTop;
l = document.body.scrollLeft;
w = document.body.scrollWidth;
h = document.body.scrollHeight;
}
return { t: t, l: l, w: w, h: h };
}
</script>作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
