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

(摘自博客園，原網址)

創(chuàng)新互聯是一家專注于網站設計、成都網站設計與策劃設計,昌都網站建設哪家好?創(chuàng)新互聯做網站,專注于網站建設10多年,網設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:昌都等地區(qū)。昌都做網站價格咨詢:13518219792

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

頁面使用：

$("html").niceScroll({

cursorcolor:"#E62020",

cursoropacitymax:1,

touchbehavior:false,

cursorwidth:"10px",

cursorborder:"0",

cursorborderradius:"5px"

})

nicescroll詳細參數配置：

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

cursoropacitymin - 滾動條透明度最小值

cursoropacitymax - 滾動條透明度最大值

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

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

cursorborderradius - 滾動條的邊框圓角

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

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

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

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

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

boxzoom - 使變焦框的內容，默認為false

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

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

grabcursorenabled“搶”圖標，顯示div的touchbehavior = true時，默認值是true

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

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

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

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

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

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

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

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

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

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

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頁面，此時會打印出界面最大可以滾動的文檔寬度和文檔高度。

如何獲取滾動條的高度 jquery

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

獲取瀏覽器顯示區(qū)域的寬度 ：$(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;

jquery如何讓滾動條默認在最底部？

使用如下代碼可讓滾動條默認在最底部：

$(document).ready(function(){

$("#submit").click(function(){

$("#info").append("admin:"+$("#talk").val()+"\n");

$("#info").scrollTop($("#info")[0].scrollHeight);

$("#talk").val("");

});

});

jQuery 里和滾動條有關的概念很多，但是有三個屬性和滾動條的拖動有關，就是：scrollTop、scrollLeft、scrollHeight。

1、可見高度：viewHeight,可以理解為打開見瀏覽器空白頁見到的空白區(qū)域的高度。

2、內容高度：containHeight,這個就是我們關心的高度，它是內容的總高度，包括隱藏在滾動條下面的內容。

3、滾動的高度：scrollHeight,這個是滾動的高度，它是滾動條滾動了多少的意思。

代碼解說：

nScrollTop + nDivHight = nScrollHight。

程序中，在外部div的scroll（滾動）事件中偵測和執(zhí)行if判斷語句，是非常消耗CPU資源的。用鼠標拖拉滾動條，只要有一個像素的變動就會觸發(fā)該事件。但點擊滾動條兩頭的箭頭，事件觸發(fā)的頻率會低得多。所以滾動條的scroll事件要謹慎使用。

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

};

}

jquery如何獲取元素的滾動條高度等實現代碼

主要功能：

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

：

$(window).height();

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

：

$(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;

}

};

以下是其它網友的補充：

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

：

$(window).height();

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

：$(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;

新聞名稱：jquery滾動高度,jquery 滾動
標題來源：http://chinadenli.net/article11/dseggdd.html

成都網站建設公司_創(chuàng)新互聯，為您提供虛擬主機、企業(yè)網站制作、電子商務、網站收錄、網站策劃、軟件開發(fā)

廣告

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