如何获取滚动条的高度 jquery

获取浏览器显示区域的高度 ： $(window)height();

获取浏览器显示区域的宽度 ：$(window)width();

获取页面的文档高度 ：$(document)height();

获取页面的文档宽度 ：$(document)width();

获取滚动条到顶部的垂直高度 ：$(document)scrollTop();

获取滚动条到左边的垂直宽度 ：$(document)scrollLeft();

计算元素位置和偏移量：$(id)offset();

offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。

offset(options, results)

optionsrelativeTo指定相对计

算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。

optionsscroll是否把

滚动条计算在内，默认TRUE

optionspadding是否把padding计算在内，默认false

optionsmargin

是否把margin计算在内，默认true

optionsborder是否把边框计算在内，默认true

子页面控制父页面：

parentdocumentdocumentElementscrollTop;

parentdocumentdocumentElementclientHeight;

获取滚动条到顶部的垂直高度

：$(document)scrollTop();

扩展：

获取览器显示区域的高度

：

$(window)height();

获取浏览器显示区域的宽度

：$(window)width();

获取页面的文档高度

：$(document)height();

获取页面的文档宽度

：$(document)width();

获取滚动条到左边的垂直宽度

：$(document)scrollLeft();

height()

-获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值。

-css('height') 和 height()之间的区别是后者返回一个没有单位的数值，前者是返回带有完整单位的字符串。当一个元素的高度需要数学计算的时候推荐使用height() 方法 。

-这个方法同样能计算出window和document的高度。

$(window)height(); // returns height of browser viewport

$(document)height(); // returns height of HTML document

注意：在绝对定位和给定display:block时，虽然style和script标签用width() 或 height()也将报告一个值，强烈建议不要在这些标签中调用这些方法。这是一种不好的做法，结果也证明是不可靠的。

innerHeight()

-为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding，但是不包括border。

-这个方法返回元素的高度，包括顶部和底部的padding，单位是像素。

-这个方法不适用于window and document对象，可以使用height()代替。

outerHeight()

-获取元素集合中第一个元素的当前计算高度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。

-outerHeight( [includeMargin ] )：include是一个布尔值，表明是否在计算时包含元素的margin值。

-这个方法不适用于window 和 document对象，可以使用height()代替。

1、jquery获取滚动条高度使用scrollTop()方法。

2、首先我们新建一个长篇的HTML文档。

3、然后我们编辑JS脚本，使用scroll()方法，监听网页滚动。

4、然后我们使用scrollTop()获取垂直滚动距离。

5、然后保存文件，查看获取的垂直滚动距离即可。

以上就是关于如何获取滚动条的高度 jquery全部的内容，包括:如何获取滚动条的高度 jquery、jquery怎样获取滚动条可以滚动的高度、用jquery的height方法获得的元素高度怎么为0等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！