js如何获取滚动条的高度

JavaScript06

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