jquery 如何獲取滾動(dòng)條的寬度

獲取瀏覽器顯示區(qū)域的高度 ：

我們提供的服務(wù)有：成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、怒江州ssl等。為近千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的怒江州網(wǎng)站制作公司

$(window).height();

獲取瀏覽器顯示區(qū)域的寬度 ：

$(window).width();

獲取頁(yè)面的文檔高度 ：

$(document).height();

獲取頁(yè)面的文檔寬度 ：

$(document).width();

獲取滾動(dòng)條到頂部的垂直高度 ：

$(document).scrollTop();

獲取滾動(dòng)條到左邊的垂直寬度 ：

$(document).scrollLeft();

計(jì)算元素位置和偏移量：

$(id).offset();

jquery如何獲取元素的滾動(dòng)條高度等實(shí)現(xiàn)代碼

主要功能：

獲取瀏覽器顯示區(qū)域（可視區(qū)域）的高度

：

$(window).height();

獲取瀏覽器顯示區(qū)域（可視區(qū)域）的寬度

：

$(window).width();

獲取頁(yè)面的文檔高度

$(document).height();

獲取頁(yè)面的文檔寬度

：

$(document).width();

瀏覽器當(dāng)前窗口文檔body的高度：

$(document.body).height();

瀏覽器當(dāng)前窗口文檔body的寬度：

$(document.body).width();

獲取滾動(dòng)條到頂部的垂直高度

(即網(wǎng)頁(yè)被卷上去的高度)

$(document).scrollTop();

獲取滾動(dòng)條到左邊的垂直寬度

：

$(document).scrollLeft();

獲取或設(shè)置元素的寬度：

$(obj).width();

獲取或設(shè)置元素的高度：

$(obj).height();

某個(gè)元素的上邊界到body最頂部的距離：obj.offset().top;（在元素的包含元素不含滾動(dòng)條的情況下）

某個(gè)元素的左邊界到body最左邊的距離：obj.offset().left;（在元素的包含元素不含滾動(dòng)條的情況下）

返回當(dāng)前元素的上邊界到它的包含元素的上邊界的偏移量：obj.offset().top（在元素的包含元素含滾動(dòng)條的情況下）

返回當(dāng)前元素的左邊界到它的包含元素的左邊界的偏移量：obj.offset().left（在元素的包含元素含滾動(dòng)條的情況下）

//返回當(dāng)前頁(yè)面高度

function

pageHeight(){

if($.browser.msie){

return

document.compatMode

==

"CSS1Compat"?

document.documentElement.clientHeight

:

document.body.clientHeight;

}else{

return

self.innerHeight;

}

};

//返回當(dāng)前頁(yè)面寬度

function

pageWidth(){

if($.browser.msie){

return

document.compatMode

==

"CSS1Compat"?

document.documentElement.clientWidth

:

document.body.clientWidth;

}else{

return

self.innerWidth;

}

};

以下是其它網(wǎng)友的補(bǔ)充：

獲取瀏覽器顯示區(qū)域的高度

：

$(window).height();

獲取瀏覽器顯示區(qū)域的寬度

：$(window).width();

獲取頁(yè)面的文檔高度

：$(document).height();

獲取頁(yè)面的文檔寬度

：$(document).width();

獲取滾動(dòng)條到頂部的垂直高度

：$(document).scrollTop();

獲取滾動(dòng)條到左邊的垂直寬度

：$(document).scrollLeft();

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

offset方法是一個(gè)很有用的方法，它返回包裝集中第一個(gè)元素的偏移信息。默認(rèn)情況下是相對(duì)body的偏移信息。結(jié)果包含

top和left兩個(gè)屬性。

offset(options,

results)

options.relativeTo指定相對(duì)計(jì)

算偏移位置的祖先元素。這個(gè)元素應(yīng)該是relative或absolute定位。省略則相對(duì)body。

options.scroll是否把

滾動(dòng)條計(jì)算在內(nèi)，默認(rèn)TRUE

options.padding是否把padding計(jì)算在內(nèi)，默認(rèn)false

options.margin

是否把margin計(jì)算在內(nèi)，默認(rèn)true

options.border是否把邊框計(jì)算在內(nèi)，默認(rèn)true

子頁(yè)面控制父頁(yè)面：

parent.document.documentElement.scrollTop;

parent.document.documentElement.clientHeight;

如何獲取滾動(dòng)條的高度 jquery

獲取瀏覽器顯示區(qū)域的高度 ： $(window).height();

獲取瀏覽器顯示區(qū)域的寬度 ：$(window).width();

獲取頁(yè)面的文檔高度 ：$(document).height();

獲取頁(yè)面的文檔寬度 ：$(document).width();

獲取滾動(dòng)條到頂部的垂直高度 ：$(document).scrollTop();

獲取滾動(dòng)條到左邊的垂直寬度 ：$(document).scrollLeft();

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

offset方法是一個(gè)很有用的方法，它返回包裝集中第一個(gè)元素的偏移信息。默認(rèn)情況下是相對(duì)body的偏移信息。結(jié)果包含 top和left兩個(gè)屬性。

offset(options, results)

options.relativeTo指定相對(duì)計(jì)

算偏移位置的祖先元素。這個(gè)元素應(yīng)該是relative或absolute定位。省略則相對(duì)body。

options.scroll是否把

滾動(dòng)條計(jì)算在內(nèi)，默認(rèn)TRUE

options.padding是否把padding計(jì)算在內(nèi)，默認(rèn)false

options.margin

是否把margin計(jì)算在內(nèi)，默認(rèn)true

options.border是否把邊框計(jì)算在內(nèi)，默認(rèn)true

子頁(yè)面控制父頁(yè)面：

parent.document.documentElement.scrollTop;

parent.document.documentElement.clientHeight;

JS或者Jquery如何取得橫向和縱向滾動(dòng)條的最大可以滾動(dòng)的值？

需要準(zhǔn)備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開(kāi)html編輯器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script標(biāo)簽，輸入jquery代碼：

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

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

3、瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)會(huì)打印出界面最大可以滾動(dòng)的文檔寬度和文檔高度。