jquery获取滚动条,jquery滑动条

jquery 如何获取滚动条的宽度

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

$(window).height();

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

$(window).width();

获取页面的文档高度 ：

$(document).height();

获取页面的文档宽度 ：

$(document).width();

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

$(document).scrollTop();

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

$(document).scrollLeft();

计算元素位置和偏移量：

$(id).offset();

相关问答

Q1: jquery如何获取元素的滚动条高度等实现代码

主要功能：

获取浏览器显示区域（可视区域）的高度

：

$(window).height();

获取浏览器显示区域（可视区域）的宽度

：

$(window).width();

获取页面的文档高度

$(document).height();

获取页面的文档宽度

：

$(document).width();

浏览器当前窗口文档body的高度：

$(document.body).height();

浏览器当前窗口文档body的宽度：

$(document.body).width();

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

(即网页被卷上去的高度)

$(document).scrollTop();

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

：

$(document).scrollLeft();

获取或设置元素的宽度：

$(obj).width();

获取或设置元素的高度：

$(obj).height();

某个元素的上边界到body最顶部的距离：obj.offset().top;（在元素的包含元素不含滚动条的情况下）

某个元素的左边界到body最左边的距离：obj.offset().left;（在元素的包含元素不含滚动条的情况下）

返回当前元素的上边界到它的包含元素的上边界的偏移量：obj.offset().top（在元素的包含元素含滚动条的情况下）

返回当前元素的左边界到它的包含元素的左边界的偏移量：obj.offset().left（在元素的包含元素含滚动条的情况下）

//返回当前页面高度

function

pageHeight(){

if($.browser.msie){

return

document.compatMode

==

"CSS1Compat"?

document.documentElement.clientHeight

:

document.body.clientHeight;

}else{

return

self.innerHeight;

}

};

//返回当前页面宽度

function

pageWidth(){

if($.browser.msie){

return

document.compatMode

==

"CSS1Compat"?

document.documentElement.clientWidth

:

document.body.clientWidth;

}else{

return

self.innerWidth;

}

};

以下是其它网友的补充：

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

：

$(window).height();

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

：$(window).width();

获取页面的文档高度

：$(document).height();

获取页面的文档宽度

：$(document).width();

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

：$(document).scrollTop();

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

：$(document).scrollLeft();

计算元素位置和偏移量：$(id).offset();

offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含

top和left两个属性。

offset(options,

results)

options.relativeTo指定相对计

算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。

options.scroll是否把

滚动条计算在内，默认TRUE

options.padding是否把padding计算在内，默认false

options.margin

是否把margin计算在内，默认true

options.border是否把边框计算在内，默认true

子页面控制父页面：

parent.document.documentElement.scrollTop;

parent.document.documentElement.clientHeight;

Q2: 如何获取滚动条的高度 jquery

获取浏览器显示区域的高度 ： $(window).height();

获取浏览器显示区域的宽度 ：$(window).width();

获取页面的文档高度 ：$(document).height();

获取页面的文档宽度 ：$(document).width();

获取滚动条到顶部的垂直高度 ：$(document).scrollTop();

获取滚动条到左边的垂直宽度 ：$(document).scrollLeft();

计算元素位置和偏移量：$(id).offset();

offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。

offset(options, results)

options.relativeTo指定相对计

算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。

options.scroll是否把

滚动条计算在内，默认TRUE

options.padding是否把padding计算在内，默认false

options.margin

是否把margin计算在内，默认true

options.border是否把边框计算在内，默认true

子页面控制父页面：

parent.document.documentElement.scrollTop;

parent.document.documentElement.clientHeight;

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

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