現代網頁離不開滾動交互：無限載入列表、視差視覺敘事、元素固定、進度指示……原生 JS 雖強，但成熟的 jQuery 插件仍能大幅縮短開發週期。本文精選 5 款高星、維護中、文檔完善的插件，附關鍵參數對照表，助你按需選型。

1. Waypoints —— 滾動觸發瑞士刀

核心能力：元素進入/離開視窗觸發回調、無限滾動、黏性定位、滾動進度監聽。
體積：~6 KB (gzipped)
關鍵 API：new Waypoint({ element, handler, offset })
適用場景：圖片懶加載、動畫觸發、側邊欄固定、閱讀進度條。
演示：無限滾動範例
下載：GitHub

2. Endless Scroll —— 專注無限列表

核心能力：滾動到底部自動 AJAX 載入下一頁、防抖、載入中狀態、錯誤重試。
體積：~4 KB
關鍵參數：fireOnce、fireDelay、loader、callback
靈感來源：Bing 圖片搜尋、Twitter 時間軸。
演示：官方 Demo
下載：OSChina 鏡像

3. Scrollable —— 任意內容雙向滾動

核心能力：水平/垂直雙模式、鍵盤/觸控/滑鼠滾輪支援、項目可為任意 HTML（圖片、影片、iframe）。
體積：3.9 KB
關鍵配置：vertical: true/false、items: '.item'、next/prev 導航按鈕。
演示：Flowplayer 官方
下載：OSChina

4. ScrollLayer —— 行動端原生觸感

核心能力：基於 touchstart/move/end 實現原生級慣性滾動、下拉刷新、上拉加載；PC 端自動降級為滑鼠拖拽。
特色：Android 專案實戰沉澱、無依賴、支援巢狀滾動。
演示：作者實驗頁
下載：OSChina

5. simplyScroll —— 元素級跑馬燈

核心能力：任意元素群組水平/垂直自動或手動循環滾動、支援動態資料源（Flickr、JSON）、可暫停/繼續。
體積：~5 KB
適用場景：新聞跑馬燈、合作夥伴 Logo 牆、產品輪播條。
演示：官方 Demo
下載：OSChina

📊 快速對照表

插件	體積	核心優勢	適合專案類型
Waypoints	6 KB	通用觸發器、擴充性最強	複雜單頁應用、動畫豐富頁面
Endless Scroll	4 KB	專注無限列表、零配置	電商列表、社群動態流
Scrollable	3.9 KB	雙向、任意內容、輕量	輪播圖、標籤頁內容切換
ScrollLayer	8 KB	行動端原生觸感、下拉刷新	Hybrid App、行動優先專案
simplyScroll	5 KB	元素級循環、動態資料源	公告欄、Logo 牆、資訊看板

避坑提醒

• 無限滾動務必配合 history.pushState 維護 URL，否則分享、刷新即失效。
• 視差效果在低端裝置會掉幀，建議啟用 will-change: transform 並提供「減少動畫」開關。
• 所有滾動監聽器請採用 passive: true 或 requestAnimationFrame 節流，避免主執行緒阻塞。

根據專案規模與團隊熟悉度挑選 1-2 款深度掌握，勝過浅嚐輒止 5 款。滾動交互做得好，用戶停留時間自然長。