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

2、1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的標(biāo)簽，輸入jquery代碼var container = $#39body#39var scrollTo = $#39#scroll#39containerscrollTopscrollTooffset。

3、下面的使用Jquery實(shí)現(xiàn)，使用的時(shí)候請(qǐng)引用Jqueryjs，向上滾動(dòng)看看js那里提示修改left為up即可scrollleftwidth491px floatleft paddingtop15pxscrollleft lifloatleftdisplayinlinewidth195pxtextalignc。

4、scroll tolerance in px before state changes classes initial quotanimatedquot， 當(dāng)元素初始化后所設(shè)置的class pinned quotslideUpquot， 向上滾動(dòng)時(shí)設(shè)置的class unpinned quotslideDownquot 向下滾動(dòng)。

5、你判斷寫反了 下面是滾動(dòng)到底部彈出代碼 $windowscrollfunction 頁(yè)面滾動(dòng)判斷 if $#39#slidebar#39cssquotleftquot！=0 $documentheight$thisheight$thisscrollTop=100。

6、監(jiān)聽(tīng)滾動(dòng)距離 var p=0，t=0windowscrollfunctione p = $thisscrollTopiftlt=p下滾 else上滾 setTimeoutfunctiont = p，0判斷出是向上還是向下 判斷。

7、摘自博客園，原網(wǎng)址5html滾動(dòng)條使用方法，Nicescroll是制作自定義滾動(dòng)條的jq插件支持div，iframe，html等使用，兼容IE78，safari，firefox，webkit內(nèi)核瀏覽器。

8、lt！DOCTYPE html*padding0margin0liststyle ltscript src=quot 第一條新聞第二條新聞第三條動(dòng)態(tài) $function $#39afirst#39siblingshide setIntervalfunction $#39avisibl。

9、1引入文件 lt！ 用于 easing 參數(shù)，也可以使用完整的 jQuery UI 代替，如果不需要設(shè)置 easing 參數(shù)，可去掉改文件 lt！ 如果 scrollOverflow 設(shè)置為 true，則需要引入。

10、我照你的方法試了試，是可以的你對(duì)照一下如下代碼，看有啥錯(cuò)，改下jquery路徑就可以運(yùn)行 lt！doctype html Document html，body margin 0 d1 background red height。

11、height2000pxquot 這段代碼copy到一個(gè)空的html中，注意修改的引用路徑，然后在瀏覽器中打開(kāi)這個(gè)頁(yè)面，可以看到效果，應(yīng)該就是你想要的。

12、3書寫css代碼* margin 0 padding 0 liststyle img border body fontfamily Arial， Helvetica， sansserif 4書寫并添加js代碼 5代碼整體結(jié)構(gòu)6查看效果。

13、function movetox，y $#39div#39offsetleft=x $#39div#39offsettop=y 就定義這樣一個(gè)函數(shù)，然后自己調(diào)用就好了，x是指定的水平方向距離，y是指定的垂直方向距離。

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

15、將javascript代碼替換為如下，jQueryquotscroolWarpquotslide titCellquothd ulquot， mainCellquotbd ulquot，effectquotleftquot，vis6，scroll6，autoPlaytrue，autoPagetrue。

16、lt！DOCTYPE HTMLNothingvar create = function x， y， text var marquee = documentcreateElement #39marquee#39 = #39absolute#39 = x + #39px#39 marquee。