|
- 支持任意形式(包括圖片自定義)的美化擴展,跨瀏覽器支持
- 支持鼠標按住上、下箭按鈕實現上下滾動
- 支持鼠標滾輪放于“滾動條區”滾動,而不僅限放于滾動內容區才滾
- 支持鼠標按住滾動條(未松開)并移出滾動區域仍然能拖拽滾動
- 滾動條子根據左邊滾動內容高與可視區域高度比例等比例,且當滾動條細到一定程度時設置最小高度值,內容過少時隱藏滾動條子
- 支持鼠標在滾動條子的上下空白區間點擊實現上、下定位滾動(模擬windows滾動條)
- 支持鍵盤上下方向鍵,滾動區滾完之后才輪到頁面body滾
- 支持頁面刷新后保留滾動條滾動位置(需瀏覽器支持或打開cookie)
- 鼠標放于自定義滾動區滾動滾輪,滾動區滾完之后才輪到頁面body滾
- 在原來幾個版本基礎上代碼重構,這回只需在渲染的div里追加一個名為"dumascroll" 的class即可自動渲染,而不設此class的不受影響
- 修復了以往版本所發現的bug:以往版本
1、增加空格鍵的“下方向”快速滾動支持(更好地模擬windows滾動條用戶體驗)
2、增加頁面body的渲染支持
3、增加textarea的渲染支持
4、增加嵌套div的渲染支持(目前代碼嵌套時有滾動的bug,被嵌套的div的滾動高度算法到這個版本時將大幅修改)
5、增加同時出現橫向滾動條的支持(當有這方面需求時可以擴展)
演示:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
JavaScript技術:自定義滾動條3.0,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。