div_W，具體布局就是按照自帶滾動條的div的布局一樣，然后顯示滾動條的div即div_H和div_W有各自包含了3個div，即左右箭頭2個，滾動條1個具體代碼如下復(fù)制代碼 代碼如下if$_selfchildrenquotjscrollcquot。

2在indexhtml中的標(biāo)簽，輸入jquery代碼#39body#39append#39height #39 + $documentheight + #39#39#39body#39append#39width #39 + $documentwidth3瀏覽器運行indexhtml頁面，此時會打印出界面最。

一Js代碼onload = function 初始化 scrollToLocationfunction scrollToLocation var mainContainer = #39#thisMainPanel#39，scrollToContainer = mainContainerfind#39sonpanellast#39滾動到中。

實現(xiàn)滾動條滾動到指定位置有兩種情況無效果 和 有動畫效果 1無效果直接使用scrollTop方法 100為高度，單位px$#39box#39scrollTop1002有效果使用animate方法 100為高度，單位px300為時間，單位ms$。

代碼如下lt！DOCTYPE=html documentreadyfunction var range = 50距下邊界長度單位px var elemt = 500插入元素高度單位px var maxnum = 20設(shè)置加載最多次數(shù) var num = 1var totalhei。

* *錨點點擊跳轉(zhuǎn) *var AnchorClick = function pos $quothtml，bodyquotanimate scrollTop pos ， speedpos為你要跳轉(zhuǎn)到位置也就是你要跳轉(zhuǎn)的位置舉例瀏覽器頂部的距離，單位為px。

語法 $element scrollTop $element scrollTopval eg 當(dāng)匹配元素為當(dāng)前頁面，那么當(dāng)前滾動條到整個頁面頂端的距離 var winPos =$window scrollTop element offsettop $。

滾動條使用方法，Nicescroll是制作自定義滾動條的jq插件支持div，iframe，html等使用，兼容IE78，safari，firefox，webkit內(nèi)核瀏覽器chrome，safari以及智能終端設(shè)備瀏覽器的滾動條頁面使用quothtmlquot。

Jquery滾動條使用方法，Nicescroll是一個制作自定義滾動條的jq插件它支持使用diviframehtml等，并兼容IE78safarifirefoxwebkit內(nèi)核瀏覽器chromesafari以及智能終端設(shè)備瀏覽器的滾動條頁。