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

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

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

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

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

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

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

先来一张名气很大的图

看着实在是好晕，于是各种整理后手动画了一个：

发现主要分为几部分：

当定位时，position的移动的距离，

scrollHeight:文档总高度，可滚动总高度（包含元素本身，内外边距，边框）

scrollWidth:文档总宽度，可滚动总宽度（包含元素本身，内外边距，边框）

scrollTop:相对于滚动条顶部的偏移，指滚动条顶端与当前滚动条位置的距离

scrollLeft:相当于滚动与左端的偏移

clientHeight:可视区域高度（不包含边框，滚动条）

clientWidth:可视区域宽度

clientTop:内容区域相对于整个元素的左上角，当有边距时为边距的厚度，无边距时可以为0

clientLeft:内容区域相对于整个区域的左上角，有边距时为边距的宽度，可以为0

offsetHeight:获取自身元素（包含边距，滚动条）

offsetWidth:获取自身元素（包含边距，滚动条）

offsetTop:相对于最近定位祖元素的偏移，（祖元素必须是position,relative,absloute,fixed）

offsetLeft:同offsetTop

返回第一个祖定位元素，若父级元素无定位返回body,若父级元素已经定位返回相对应父级对应元素。

以上就是关于JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值全部的内容，包括:JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值、jsz中scrollTop,clientTop,offsetTop、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！