js获取滚动条的高度

　浏览器获取滚动条高度的方法

浏览器	API
IE6/7/8	`document.documentElement.scrollTop`
IE9及以上	`window.pageYOffset` 或者 `document.documentElement.scrollTop`
Safari	`window.pageYOffset`或者`document.body.scrollTop`
Firefox	`window.pageYOffset` 或者 `document.documentElement.scrollTop`
Chrome	`document.documentElement.scrollTop`

备注

很多技术博客上面说Chrome只能使用document.body.scrollTop来获取滚动条的高度。
但是我在测试的时候发现，Chrome不能使用document.body.scrollTop，只能使用document.documentElement.scrollTop来获取滚动条的高度。
如果使用document.body.scrollTop，那么所获得的数值始终是0。
不过大家不用国语在意这一点，我们直接封装一个函数来获取滚动条的高度即可。

　封装获取滚动条高度的函数

function getScrollTop() {var scroll_top = 0;if (document.documentElement && document.documentElement.scrollTop) {scroll_top = document.documentElement.scrollTop;}else if (document.body) {scroll_top = document.body.scrollTop;}return scroll_top;
}

js获取滚动条的高度相关推荐

js 获取滚动条的高度
function getScrollTop() {var scroll_top = 0;if (document.documentElement && document.documen ...
js获取window窗口高度（页面滚动条可滚动高度） - 代码篇
js中获取窗口高度的方法取窗口滚动条滚动高度 (如下文 · 截图) 一. javascript 和 jquery代码: //原生 javascript 代码: let scrollHeight = ...
js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox
做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的 ...
js获取滚动条距离浏览器顶部,底部的高度
做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的 ...
原生js获取html元素高度,原生JS获取元素宽高实践详解
开篇的话任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...
JS获取DIV动态高度，并赋值到其style样式中
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312&qu ...
html div 动态赋值,JS获取DIV动态高度，并赋值到其style样式中
JS获取DIV动态高度,并赋值到其style样式中 function $(id){ return document.getElementById(id) } function getHeight() ...
利用js获取滚动条滚动距离，实现图片固定在屏幕的某个位置
利用js获取滚动条滚动距离,实现图片固定在屏幕的某个位置思路: 1.获取对象距离顶部和左侧的距离: 2.获取元素对象: 3.当滚动条滚动时获取滚动条滚动的距离: 4.滚动条滚动时执行函数:对象距离顶 ...
js获取div元素高度和宽度的方法
前端web页面中,js可以很方便的获取div元素的高度和宽度,那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法. js获取div元素高度与宽度的方法 js获取div元素的高 ...

js获取滚动条的高度

浏览器获取滚动条高度的方法

备注

封装获取滚动条高度的函数

js获取滚动条的高度相关推荐

最新文章

热门文章