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