(摘自博客園,原網址http://www.cnblogs.com/reweb/p/3268775.html)
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,您可以用鼠標滾動本地滾動的區域,鼓泡鼠標滾輪事件(默認:true)
railoffset,您可以添加抵消頂部/左軌位置(默認:false)
bouncescroll,使滾動反彈結束時的內容移動(僅硬件ACCELL)(默認:FALSE)
spacebarenabled,允許使用空格鍵滾動(默認:true)
railpadding,設置間距(默認:頂:0,右:0,左:0,底部:0})
disableoutline,Chrome瀏覽器,禁用綱要(橙色hightlight)時,選擇一個div nicescroll(默認:true)