1、chrome支持的属性： document.body.scrollTop
2、chrome以外的其它浏览器支持的属性： document.documentElement.scrollTop
3、以上的属性可读，可写；
所以可以通过如下的方式获取滚动条的值
同样设置滚动条的偏移值:
另外可以通过window.onscroll监听滚动轴滚动事件；
需要准备的材料分别有：电脑、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.scrollTop （滚动条离页面最上方的距离）
document.body.scrollLeft （滚动条离页面最左方的距离）
document.documentElement.scrollTop （滚动条离页面最上方的距离）
document.documentElement.scrollLeft （滚动条离页面最左方的距离）
