jquery.nicescroll.min.js滾動條使用方法

(摘自博客園，原網(wǎng)址)

大武口網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,大武口網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為大武口上千多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的大武口做網(wǎng)站的公司定做！

jquery.nicescroll.min.js滾動條使用方法,Nicescroll是制作自定義滾動條的jq插件。支持div,iframe,html等使用,兼容IE7-8,safari,firefox,webkit內(nèi)核瀏覽器(chrome,safari)以及智能終端設(shè)備瀏覽器的滾動條。

頁面使用：

$("html").niceScroll({

cursorcolor:"#E62020",

cursoropacitymax:1,

touchbehavior:false,

cursorwidth:"10px",

cursorborder:"0",

cursorborderradius:"5px"

})

nicescroll詳細參數(shù)配置：

cursorcolor - 設(shè)置滾動條顏色，默認值是“＃000000”

cursoropacitymin - 滾動條透明度最小值

cursoropacitymax - 滾動條透明度最大值

cursorwidth - 滾動條的寬度像素，默認為5（你可以寫“5PX”）

cursorborder - CSS定義邊框，默認為“1px solid #FFF”

cursorborderradius - 滾動條的邊框圓角

ZIndex的 - 改變滾動條的DIV的z-index值，默認值是9999

scrollspeed - 滾動速度，默認值是60

mousescrollstep - 滾動鼠標(biāo)滾輪的速度，默認值是40（像素）

touchbehavior - 讓滾動條能拖動滾動觸摸設(shè)備默認為false

hwacceleration - 使用硬件加速滾動支持時，默認為true

boxzoom - 使變焦框的內(nèi)容，默認為false

dblclickzoom - （僅當(dāng)boxzoom = TRUE）變焦啟動時，雙點擊框，默認為true

gesturezoom - boxzoom = true并使用觸摸設(shè)備）變焦（僅當(dāng)激活時，間距/盒，默認為true

grabcursorenabled“搶”圖標(biāo)，顯示div的touchbehavior = true時，默認值是true

autohidemode，如何隱藏滾動條的作品，真正的默認/“光標(biāo)”=只光標(biāo)隱藏/ FALSE =不隱藏

的背景下，改變鐵路背景的CSS，默認值為“”

iframeautoresize中，AUTORESIZE iframe上的load事件（默認：true）

cursorminheight，設(shè)置最低滾動條高度（默認值：20）

preservenativescrolling，您可以用鼠標(biāo)滾動本地滾動的區(qū)域，鼓泡鼠標(biāo)滾輪事件（默認：true）

railoffset，您可以添加抵消頂部/左軌位置（默認：false）

bouncescroll，使?jié)L動反彈結(jié)束時的內(nèi)容移動（僅硬件ACCELL）（默認：FALSE）

spacebarenabled，允許使用空格鍵滾動（默認：true）

railpadding，設(shè)置間距（默認：頂：0，右：0，左：0，底部：0}）

disableoutline，Chrome瀏覽器，禁用綱要（橙色hightlight）時，選擇一個div nicescroll（默認：true）

如何獲取滾動條的高度 jquery

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

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

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

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

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

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

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

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

offset(options, results)

options.relativeTo指定相對計

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

options.scroll是否把

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

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

options.margin

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

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

子頁面控制父頁面：

parent.document.documentElement.scrollTop;

parent.document.documentElement.clientHeight;

jquery滾動條在指定高度滾動

這個是兼容的

我公司的項目就用的這個獲取的。

function

ScollPostion()

{//滾動條位置

var

t,

l,

w,

h;

if

(document.documentElement

document.documentElement.scrollTop)

{

t

=

document.documentElement.scrollTop;

l

=

document.documentElement.scrollLeft;

w

=

document.documentElement.scrollWidth;

h

=

document.documentElement.scrollHeight;

}

else

if

(document.body)

{

t

=

document.body.scrollTop;

l

=

document.body.scrollLeft;

w

=

document.body.scrollWidth;

h

=

document.body.scrollHeight;

}

return

{

top:

t,

left:

l,

width:

w,

height:

h

};

}

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

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

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方法是一個很有用的方法，它返回包裝集中第一個元素的偏移信息。默認情況下是相對body的偏移信息。結(jié)果包含

top和left兩個屬性。

offset(options,

results)

options.relativeTo指定相對計

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

options.scroll是否把

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

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

options.margin

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

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

子頁面控制父頁面：

parent.document.documentElement.scrollTop;

parent.document.documentElement.clientHeight;

分享標(biāo)題：jquery滾動高度,js獲取div滾動高度
文章轉(zhuǎn)載：http://chinadenli.net/article29/dsiogch.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、品牌網(wǎng)站設(shè)計、網(wǎng)站策劃、移動網(wǎng)站建設(shè)、解決方案、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)