js如何获取滚动条的高度

JavaScript012

js如何获取滚动条的高度,第1张

给你贴两个JS函数，专门用来获取网页滚动高度和滚动宽度的：//获取网页纵向滚动高度function

getScrollTop(){

var

D

=

document

return

Math.max(D.body.scrollTop,

D.documentElement.scrollTop)}//获取网页横向滚动宽度function

getScrollLeft(){

var

D

=

document

return

Math.max(D.body.scrollLeft,

D.documentElement.scrollLeft)}应该可以解决你的问题。

查看原帖>>

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('body').append('height: ' + $(document).height() + '<br/>')

$('body').append('width: ' + $(document).width())

3、浏览器运行index.html页面，此时会打印出界面最大可以滚动的文档宽度和文档高度。

网页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

网页可见区域宽： document.body.offsetWidth (包括边线的宽)

网页可见区域高： document.body.offsetHeight (包括边线的高)

网页正文全文宽： document.body.scrollWidth

网页正文全文高： document.body.scrollHeight

网页被卷去的高： document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

网页正文部分上： window.screenTop

网页正文部分左： window.screenLeft

屏幕分辨率的高： window.screen.height

屏幕分辨率的宽： window.screen.width

屏幕可用工作区高度： window.screen.availHeight

屏幕可用工作区宽度： window.screen.availWidth