11 個最佳 jQuery 滾動條外掛程式

2021-09-08 10:18:48 字數 960 閱讀 9420

通過jquery滾動條外掛程式,你可以換掉千篇一律的預設瀏覽器滾動條,讓你的**或web專案更具特色,更有吸引力。本文收集了11款非常漂亮、實用的jquery滾動條外掛程式,你可以輕鬆將它們應用在自己的**中。 

1.  windows:全屏視窗滾動外掛程式

該外掛程式可以很好地實現全屏滾動,每滾動一次即為一屏。比如,使用者瀏覽下一螢幕內容時,只需手動滾動到某一位置,該外掛程式會自動滾動顯示下一屏全部內容。對於瀏覽類似於ppt的內容時比較實用。 

2.  jquery scroll follow:滾動跟隨外掛程式

該外掛程式可以使dom物件隨著頁面的滾動而移動。你可以設定滾動的速度、偏移等引數。 

3.  列表滾動外掛程式

該外掛程式可以為任意列表新增上滾動效果。你可以自定義列表的滾動方向和滾動速度。 

4.  sly:靈活的基於item的滾動外掛程式

sly提供了很多基於專案(如影象/內容畫廊)的滾動選項,支援水平和垂直方向的無限滾動。 

5.  coverscroll

仿蘋果的coverflow設計,支援滾動條、滑鼠滾輪和手勢來滾動檢視。 

6.  sticky

該外掛程式可以讓你的頁面中的任何元素在滾動過程中始終可見 

7.  tiny scrollbar:乙個輕量級的jquery外掛程式

8.  sticky float:另乙個滾動跟隨外掛程式

9.  page scroller:漂亮實用的滾動導航

10.  custom srollbar:自定義內容滾動條外掛程式

11.  scroll up:乙個輕量級的滾動到頂部外掛程式

jquery滾動條操作

在開發專案時,常常需要展示大量資料。如果全部顯示出來,資料相對少時,看不出來什麼不同,如果資料很多時,一次請求全部顯示,這就相當可怕了。面對這種問題,pc裡使用了分頁效果,將資料分成一頁頁,換頁時請求當前頁資料,而螢幕較小的移動端,分頁就不怎麼好看了,常用的方法是滾動到底部時繼續載入資料 滾動載入其...

jQuery操作滾動條

一 窗體滾動條 1 獲取窗體滾動條當前縱向和橫向位置 var currenty document.body scrolltop 窗體滾動條縱向位置 var currentx document.body scrollleft 窗體滾動條橫向位置 2 設定窗體滾動條到指定位置 var y 想滾動到的垂直...

jquery 禁用 啟用滾動條

doctype html en btn div button value 禁用滾動條 onclick unscroll button value 啟用滾動條 onclick removeunscroll text div 文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本 文本...