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

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

主要從事網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機版網(wǎng)站建設(shè)）、自適應(yīng)網(wǎng)站建設(shè)、程序開發(fā)、微網(wǎng)站、微信小程序定制開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的網(wǎng)站設(shè)計制作、成都做網(wǎng)站、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等多方位專業(yè)化運作于一體，具備承接不同規(guī)模與類型的建設(shè)項目的能力。

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

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

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

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

3、瀏覽器運行index.html頁面，此時會打印出界面最大可以滾動的文檔寬度和文檔高度。

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

主要功能：

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

：

$(window).height();

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

：

$(window).width();

獲取頁面的文檔高度

$(document).height();

獲取頁面的文檔寬度

：

$(document).width();

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

$(document.body).height();

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

$(document.body).width();

獲取滾動條到頂部的垂直高度

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

$(document).scrollTop();

獲取滾動條到左邊的垂直寬度

：

$(document).scrollLeft();

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

$(obj).width();

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

$(obj).height();

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

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

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

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

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

function

pageHeight(){

if($.browser.msie){

return

document.compatMode

==

"CSS1Compat"?

document.documentElement.clientHeight

:

document.body.clientHeight;

}else{

return

self.innerHeight;

}

};

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

function

pageWidth(){

if($.browser.msie){

return

document.compatMode

==

"CSS1Compat"?

document.documentElement.clientWidth

:

document.body.clientWidth;

}else{

return

self.innerWidth;

}

};

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

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

：

$(window).height();

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

：$(window).width();

獲取頁面的文檔高度

：$(document).height();

獲取頁面的文檔寬度

：$(document).width();

獲取滾動條到頂部的垂直高度

：$(document).scrollTop();

獲取滾動條到左邊的垂直寬度

：$(document).scrollLeft();

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

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

top和left兩個屬性。

offset(options,

results)

options.relativeTo指定相對計

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

options.scroll是否把

滾動條計算在內(nèi)，默認(rèn)TRUE

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

options.margin

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

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

子頁面控制父頁面：

parent.document.documentElement.scrollTop;

parent.document.documentElement.clientHeight;

jquery怎么取到當(dāng)前div中滾動條的位置

可以將DIV的滾動條滾動到其子元素所在的位置，方便自動定位。

var

container

=

$('div'),

scrollTo

=

$('#row_8');

container.scrollTop(

scrollTo.offset().top

-

container.offset().top

+

container.scrollTop()

);

//

Or

you

can

animate

the

scrolling:

container.animate({

scrollTop:

scrollTo.offset().top

-

container.offset().top

+

container.scrollTop()

})

jquery獲取滾動條高度和位置

1、首先打開hbuilder編輯器，新建一個HTML文檔，里面輸入長篇的文字。

2、然后在上方引入jQuery的腳本，編輯js腳本，使用bind方法綁定瀏覽器的scroll事件，監(jiān)聽網(wǎng)頁滾動，之后用scrollTop()獲取垂直滾動距離，最后彈出輸出的值即可。

3、保存一下打開瀏覽器，可以看到一個長篇的文檔。

4、按F12打開瀏覽器開發(fā)者工具，切換到Console標(biāo)簽下，滾動鼠標(biāo)，就可以在開發(fā)者工具里顯示出瀏覽器高度位置的數(shù)據(jù)了。