Question

JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值？

如题，如何获取界面滚动条最大可以滚动的值？

Answer 1

需要准备的材料分别有：电脑、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页面，此时会打印出界面最大可以滚动的文档宽度和文档高度。

Answer 2

　　你好，要想得到滚动条的最大滚动的值，也就是说整个页面的最大宽度和高度，其中包括页面里的内容
　　在jquery中可以使用下面的方法
　　获取浏览器显示区域的高度 ： $(window).height();
　　获取浏览器显示区域的宽度 ：$(window).width();
　　获取页面的文档高度 ：$(document).height();
　　获取页面的文档宽度 ：$(document).width();
　　获取滚动条到顶部的垂直高度 ：$(document).scrollTop();
　　获取滚动条到左边的垂直宽度 ：$(document).scrollLeft();

　　使用javascript也是可以得到这些信息的
　　网页可见区域宽： 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

　　希望可以帮助到你