運行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
圖片自定義滾動條3.0(Duma“自動渲染版”,也許世間萬物都會變,但是真摯的愛,卻永遠留存在心中。
- 支持任意形式(包括圖片自定義)的美化擴展,跨瀏覽器支持
- 支持鼠標按住上、下箭按鈕實現(xiàn)上下滾動
- 支持鼠標滾輪放于“滾動條區(qū)”滾動,而不僅限放于滾動內容區(qū)才滾
- 支持鼠標按住滾動條(未松開)并移出滾動區(qū)域仍然能拖拽滾動
- 滾動條子根據左邊滾動內容高與可視區(qū)域高度比例等比例,且當滾動條細到一定程度時設置最小高度值,內容過少時隱藏滾動條子
- 支持鼠標在滾動條子的上下空白區(qū)間點擊實現(xiàn)上、下定位滾動(模擬windows滾動條)
- 支持鍵盤上下方向鍵,滾動區(qū)滾完之后才輪到頁面body滾
- 支持頁面刷新后保留滾動條滾動位置(需瀏覽器支持或打開cookie)
- 鼠標放于自定義滾動區(qū)滾動滾輪,滾動區(qū)滾完之后才輪到頁面body滾
- 在原來幾個版本基礎上代碼重構,這回只需在渲染的div里追加一個名為"dumascroll" 的class即可自動渲染,而不設此class的不受影響
- 修復了以往版本所發(fā)現(xiàn)的bug:以往版本
將來版本可繼續(xù)擴展的功能有:
- 增加空格鍵的“下方向”快速滾動支持(更好地模擬windows滾動條用戶體驗)
- 增加頁面body的渲染支持
- 增加textarea的渲染支持
- 增加嵌套div的渲染支持(目前代碼嵌套時有滾動的bug,被嵌套的div的滾動高度算法到這個版本時將大幅修改)
- 增加同時出現(xiàn)橫向滾動條的支持(當有這方面需求時可以擴展)
期待大家?guī)兔ふ倚耣ug并提出寶貴建議
經典論壇交流: http://bbs.blueidea.com/thread-2938314-1-1.html
本文鏈接:http://www.95time.cn/tech/web/2009/6875.asp
出處:藍色理想
責任編輯:bluehearts
◎進入論壇網頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|