javascript 获取滚动条高度

最新推荐文章于 2023-07-07 15:52:25 发布

最新推荐文章于 2023-07-07 15:52:25 发布 · 63 阅读

文章标签：

本文介绍了一种使用JavaScript来获取网页滚动位置及可视区域尺寸的方法。具体包括：获取窗口滚动条高度的函数getScrollTop()，获取窗口可视范围高度的函数getClientHeight()，以及获取文档内容实际高度的函数getScrollHeight()。这些实用的JavaScript函数可以帮助开发者更好地理解和控制网页布局。

/********************
* 取窗口滚动条高度
******************/
function getScrollTop()
{
var scrollTop=0;
if(document.documentElement&&document.documentElement.scrollTop)
{
scrollTop=document.documentElement.scrollTop;
}
else if(document.body)
{
scrollTop=document.body.scrollTop;
}
return scrollTop;
}

/********************
* 取窗口可视范围的高度
*******************/
function getClientHeight()
{
var clientHeight=0;
if(document.body.clientHeight&&document.documentElement.clientHeight)
{
var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
}
else
{
var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
}
return clientHeight;
}

/********************
* 取文档内容实际高度
*******************/
function getScrollHeight()
{
return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
}