1、給你個(gè)思路吧offsettop 懸浮窗在頁面沒滾動(dòng)的時(shí)候與頁面頂部的距離，這個(gè)距離只取了一次所以這個(gè)距離從開始就始終沒變windowscrollTop 是頁面已經(jīng)滾動(dòng)的距離是跟隨你滾動(dòng)不斷變動(dòng)的，就是你滾動(dòng)條往下滾動(dòng)；quot210quot*i+quotpxquot有問題吧，怎么字符串×數(shù)值你要滾動(dòng)的是圖片還是文字，看你用的 li 應(yīng)該文字吧 我的經(jīng)驗(yàn)是外層div設(shè)置視口CSS要有overflowhidden，內(nèi)層div放置圖片positionrelativeleft0px寬度=所有；Jquery滾動(dòng)條使用方法，Nicescroll是一個(gè)制作自定義滾動(dòng)條的jq插件它支持使用diviframehtml等，并兼容IE78safarifirefoxwebkit內(nèi)核瀏覽器chromesafari以及智能終端設(shè)備瀏覽器的滾動(dòng)條頁面；代碼有點(diǎn)多，發(fā)不完思路其實(shí)很簡(jiǎn)單，只不過兼容性方面調(diào)試起來會(huì)比較麻煩以下是關(guān)鍵代碼我用的是JQueryfunction addScrollBartargetID，step_height，posType var mousewheel = $browsermozilla ？ quotDOMMouseScrollquot；div作為盒子限制高度，并設(shè)置overflowauto在內(nèi)容超溢出時(shí)會(huì)出現(xiàn)滾動(dòng)條默認(rèn)Y軸實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到指定位置有兩種情況無效果 和 有動(dòng)畫效果 1無效果直接使用scrollTop方法 100為高度，單位px$#39box#39scroll；Code如下圖片放在同一目錄下你懂得lt！DOCTYPE HTML jQuery v144 API 中文版 jQuery v144 API 中文版正在努力加載中，請(qǐng)耐心等待 var $=functionid return documentgetElementByIdid。

2、1首先，打開html編輯器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的標(biāo)簽，輸入jquery代碼#39body#39append#39height #39 + $documentheight + #39#39#39body#39append#39width #39 +；1首先，打開html編輯器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的標(biāo)簽，輸入jquery代碼var container = $#39body#39var scrollTo = $#39#scroll#39containerscrollTopscrollTooffset；注意當(dāng)瀏覽器窗口大小改變時(shí)如最大化或拉大窗口后 jQuerywindowheight隨之改變，但是jQuerydocumentheight是不變的復(fù)制代碼 代碼如下documentscrollTop 獲取垂直滾動(dòng)的距離 即當(dāng)前滾動(dòng)的地方的窗口頂端；之所以能實(shí)現(xiàn)無縫滾動(dòng)，是因?yàn)槊看螡L動(dòng)的長(zhǎng)度剛好大于單個(gè) li 的長(zhǎng)度時(shí)，我們就將ul的第一個(gè) li 移動(dòng)到ul的最后，周而復(fù)始，無限循環(huán)關(guān)于這一點(diǎn)，你可以先不設(shè)置 overflowhidden 來查看插件的實(shí)現(xiàn)代碼function $；你對(duì)照一下如下代碼，看有啥錯(cuò)，改下jquery路徑就可以運(yùn)行 lt！doctype html Document html，body margin 0 d1 background red height 100px。

3、給你一個(gè)函數(shù) 你調(diào)用下就OK了，支持加速滾動(dòng)循環(huán)滾動(dòng)間隔滾動(dòng)上下滾動(dòng)左右滾動(dòng)等等 直接將這段代碼拷貝到一個(gè)JS文件里面，這段代碼需要jquery13以上運(yùn)行環(huán)境代碼里面有調(diào)用示例望采納·· classDescription 超級(jí)；向上滾動(dòng)時(shí)設(shè)置的class unpinned quotslideDownquot 向下滾動(dòng)時(shí)所設(shè)置的class init 然后，加上樣式就可以了animated position fixedtop 0left 0right 0transition all。

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)；滾動(dòng)條使用方法 來自博客公園，原網(wǎng)站5htmlJquery滾動(dòng)條使用方法，Nicescroll是一個(gè)制作自定義滾動(dòng)條的jq插件它支持使用diviframe。