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

JavaScript011

JS或者Jquery如何取得横向和纵向滚动条的最大可以滚动的值？,第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页面，此时会打印出界面最大可以滚动的文档宽度和文档高度。

::-webkit-scrollbar{width:14px}

::-webkit-scrollbar-track{background-color:#bee1eb}

::-webkit-scrollbar-thumb{background-color:#00aff0}

::-webkit-scrollbar-thumb:hover {background-color:#9c3}

::-webkit-scrollbar-thumb:active {background-color:#00aff0}

这段代码放倒CSS文件里去，宽度颜色自己修改，且只在webkit内核浏览器下才生效，就是谷歌浏览器的内核。