`

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);
}

分享到:
评论

相关推荐

    javascript获取滚动条高度 页面宽度与高度

    ### JavaScript 获取滚动条高度、页面宽度与高度 在前端开发中,经常需要处理与浏览器窗口相关的操作,例如响应式设计、动态布局调整等。本文将详细介绍如何使用JavaScript来获取滚动条的高度、页面的宽度和高度。 ...

    解决多种浏览器获取滚动条高度

    ### 解决多种浏览器获取滚动条高度 在网页开发过程中,我们经常会遇到与浏览器兼容性相关的问题,尤其是在处理页面滚动相关的功能时。不同的浏览器对于某些属性的实现方式可能存在差异,这就要求开发者能够编写出...

    javascript获取页面各种高度

    通过获取滚动条的位置,可以实现实时滚动监测等功能。 - **document.body.scrollTop**: 获取垂直滚动条的当前位置,单位为像素。 - **document.body.scrollLeft**: 获取水平滚动条的当前位置,单位为像素。 ### 4....

    JS 获取滚动条高度示例代码

    在JavaScript中,获取滚动条高度是一项常见的任务,特别是在构建响应式网页或实现滚动效果时。滚动条高度通常指的是用户在浏览器窗口中滚动的距离,包括垂直滚动条(scrollTop)和水平滚动条(scrollLeft)。本篇...

    Javascript 获取滚动条位置等信息的函数

    总的来说,理解和掌握如何在JavaScript中获取滚动条位置对于开发交互性强、用户体验良好的网页应用至关重要。通过编写兼容各种浏览器的函数,我们可以确保我们的代码能在大部分用户环境中正常工作。

    JavaScript解决跨域滚动条

    在本例中,"JavaScript解决跨域滚动条"的问题,指的是当主程序和子程序页面位于不同的源下,导致主程序无法获取子程序页面的尺寸,从而引发双滚动条的显示。 为了解决这个问题,我们可以利用JavaScript中的两种主要...

    javascript 获取页面的高度及滚动条的位置的代码

    描述“javascript获取页面的高度及滚动条的位置的代码,需要的朋友可以参考下。”进一步明确指出,本文提供的是实现上述功能的JavaScript代码样例,方便有相关需求的开发者参考和使用。 标签“页面高度 滚动条位置...

    自动调节iframe高度,而不显示其滚动条 js

    本文介绍了如何使用JavaScript动态调整`iframe`的高度并隐藏其滚动条的方法。这种方法不仅能够提高用户体验,还能使得页面布局更加整洁美观。在实际应用中,还需注意安全性问题和浏览器兼容性问题,以确保功能在各种...

    Javascript 获取页面高度(多种浏览器)

    这两个属性分别返回 `&lt;body&gt;` 元素的宽度和高度,不包括滚动条。在 IE、Firefox 和 Opera 的某些情况下,它们可以提供所需的信息。然而,它们并不总是准确,特别是在不同浏览器对 W3C 标准支持不同的情况下。 W3C ...

    html_javascript_监听滚动条demo

    首先,我们需要获取到页面的滚动条位置。在JavaScript中,`window`对象提供了`scrollY`属性,它表示浏览器窗口顶部到文档顶部的距离,也就是滚动条滚动的距离。另外,`document.documentElement.clientHeight`和`...

    获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll

    在网页开发中,有时我们需要获取页面的某些特定尺寸和位置信息,例如页面高度、窗口高度以及滚动条的高度。这些信息对于实现动态布局、滚动事件处理或页面适配等任务至关重要。这里有两个JavaScript函数:`...

    javascript 获取网页高度宽度.pdf

    以下是一些关于如何使用JavaScript获取网页高度、宽度以及滚动位置的关键知识点。 1. **获取窗口滚动位置:** - `getScrollTop()` 函数用于获取当前页面滚动条的垂直偏移量。这个函数通过检查 `document....

    jquery如何获取元素的滚动条高度等实现代码

    本篇文章将详细介绍如何使用jQuery来获取元素的滚动条高度以及其他相关实现代码。 首先,要理解滚动条高度通常是指元素内容超出其可视区域的部分,可以通过`scrollTop()`方法获取。例如,`$(document).scrollTop()`...

    JavaScript获取屏幕高度和宽度等信息

    `document.body.clientWidth`和`document.body.clientHeight`可以分别获取文档内容的宽度和高度(不包括滚动条)。 示例代码: ```javascript const bodyWidth = document.body.clientWidth; const bodyHeight = ...

    vue移动端监听滚动条高度的实现方法

    在大多数浏览器中,可以通过`document.documentElement.scrollTop`或`document.body.scrollTop`来获取滚动条距离顶部的距离。这两个属性会返回页面被卷去的像素值。在某些情况下,`document.documentElement....

    js模拟滚动条

    当用户滚动时,我们需要获取滚动元素的滚动高度和总高度,以及可视区域的高度,然后计算出当前滚动条应该显示的位置。这通常涉及到`element.scrollTop`,`element.scrollHeight`和`element.clientHeight`属性。 4....

    各种滚动条的获取

    在源码层面,获取滚动条状态并进行操作可能涉及到监听滚动事件,如`addEventListener('scroll', callback)`,并在回调函数中处理滚动逻辑。同时,还可以使用`window.scrollTo(x, y)`方法来直接滚动到指定位置。 在...

    javascript获取网页高度宽度.rar

    总结,JavaScript获取网页高度和宽度的方法多种多样,可以根据具体需求选择合适的方式。了解这些知识对于提升网页交互体验和实现动态布局至关重要。在教育领域,理解并熟练掌握这些技术可以帮助学生更好地构建动态、...

    javascript动态调整iframe高度

    有时候,`iframe`内容高度可能会超过实际容器高度,导致出现滚动条。我们可以通过设置`overflow`属性为`hidden`来隐藏滚动条。 ```javascript iframe.style.overflow = 'hidden'; ``` 6. 跨域通信 如若`iframe`...

Global site tag (gtag.js) - Google Analytics