jquery 如何获取滚动条的宽度

获取浏览器显示区域的高度 :

$(window).height();

获取浏览器显示区域的宽度 :

$(window).width();

获取页面的文档高度 :

$(document).height();

获取页面的文档宽度 :

$(document).width();

获取滚动条到顶部的垂直高度 :

$(document).scrollTop();

获取滚动条到左边的垂直宽度 :

$(document).scrollLeft();

计算元素位置和偏移量:

$(id).offset();

使用jquery 获取页面滚动条的宽度,来控制页面显示比例

代码:

jquery 如何获取滚动条的宽度

offsetWidth是div的宽带包括滚动条在内

scrollWidth是div的滚动宽度不包括滚动条

javascript获取滚动条的宽度方法如下:

jquery 如何获取滚动条的宽度

完整的实例代码如下:

jquery 如何获取滚动条的宽度

结果图:

jquery 如何获取滚动条的宽度

$(document.body).scrollWidth

$(document).scrollTop();