OverlayScrollbars
OverlayScrollbars
一款純 Javascript 或依賴 jQuery 所開發的近原生捲軸套件,並且也有開發支援三大框架。
範例
本篇會使用 Vue 製作範例
1 | npm install overlayscrollbars-vue |
在 main.js
加入以下內容:
1 | import OverlayScrollbars from 'overlayscrollbars'; |
Template:
1 | <overlay-scrollbars :options="{ scrollbars: { autoHide: 'scroll' } }"></overlay-scrollbars> |
假設有設定高度,加上內容過多溢出,正常來說按照上面範例就會出現滾動條
囉。
官方提供很多參數可以設定,有興趣的人可以在玩玩看,這邊只做最簡單的範例。