1、給你個思路吧offsettop 懸浮窗在頁面沒滾動的時候與頁面頂部的距離，這個距離只取了一次所以這個距離從開始就始終沒變windowscrollTop 是頁面已經(jīng)滾動的距離是跟隨你滾動不斷變動的，就是你滾動條往下滾動；quot210quot*i+quotpxquot有問題吧，怎么字符串×數(shù)值你要滾動的是圖片還是文字，看你用的 li 應(yīng)該文字吧 我的經(jīng)驗是外層div設(shè)置視口CSS要有overflowhidden，內(nèi)層div放置圖片positionrelativeleft0px寬度=所有；Jquery滾動條使用方法，Nicescroll是一個制作自定義滾動條的jq插件它支持使用diviframehtml等，并兼容IE78safarifirefoxwebkit內(nèi)核瀏覽器chromesafari以及智能終端設(shè)備瀏覽器的滾動條頁面；代碼有點(diǎn)多，發(fā)不完思路其實很簡單，只不過兼容性方面調(diào)試起來會比較麻煩以下是關(guān)鍵代碼我用的是JQueryfunction addScrollBartargetID，step_height，posType var mousewheel = $browsermozilla ？ quotDOMMouseScrollquot；div作為盒子限制高度，并設(shè)置overflowauto在內(nèi)容超溢出時會出現(xiàn)滾動條默認(rèn)Y軸實現(xiàn)滾動條滾動到指定位置有兩種情況無效果 和 有動畫效果 1無效果直接使用scrollTop方法 100為高度，單位px$#39box#39scroll；Code如下圖片放在同一目錄下你懂得lt！DOCTYPE HTML jQuery v144 API 中文版 jQuery v144 API 中文版正在努力加載中，請耐心等待 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)瀏覽器窗口大小改變時如最大化或拉大窗口后 jQuerywindowheight隨之改變，但是jQuerydocumentheight是不變的復(fù)制代碼 代碼如下documentscrollTop 獲取垂直滾動的距離 即當(dāng)前滾動的地方的窗口頂端；之所以能實現(xiàn)無縫滾動，是因為每次滾動的長度剛好大于單個 li 的長度時，我們就將ul的第一個 li 移動到ul的最后，周而復(fù)始，無限循環(huán)關(guān)于這一點(diǎn)，你可以先不設(shè)置 overflowhidden 來查看插件的實現(xiàn)代碼function $；你對照一下如下代碼，看有啥錯，改下jquery路徑就可以運(yùn)行 lt！doctype html Document html，body margin 0 d1 background red height 100px。

3、給你一個函數(shù) 你調(diào)用下就OK了，支持加速滾動循環(huán)滾動間隔滾動上下滾動左右滾動等等 直接將這段代碼拷貝到一個JS文件里面，這段代碼需要jquery13以上運(yùn)行環(huán)境代碼里面有調(diào)用示例望采納·· classDescription 超級；向上滾動時設(shè)置的class unpinned quotslideDownquot 向下滾動時所設(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， 向上滾動時設(shè)置的class unpinned quotslideDownquot 向下滾動；滾動條使用方法 來自博客公園，原網(wǎng)站5htmlJquery滾動條使用方法，Nicescroll是一個制作自定義滾動條的jq插件它支持使用diviframe。