- 支援任意形式(包括圖片自訂)的美化擴充,跨瀏覽器支援
- 支援滑鼠按住上、下箭按鈕實現上下滾動
- 支援滑鼠滾輪放於“捲軸區”滾動,而不僅限放於滾動內容區才滾
- 支援滑鼠按住捲軸(未鬆開)並移出捲動區域仍然能拖拽滾動
- 捲軸子根據左邊滾動內容高與可視地區高度比例等比例,且當捲軸細到一定程度時設定最小高度值,內容過少時隱藏捲軸子
- 支援滑鼠在捲軸子的上下空白區間點擊實現上、下定位滾動(類比windows捲軸)
- 支援鍵盤上下方向鍵,滾動區滾完之後才輪到頁面body滾
- 支援頁面重新整理後保留捲軸滾動位置(需瀏覽器支援或開啟cookie)
- 滑鼠放於自訂滾動區滾動滾輪,滾動區滾完之後才輪到頁面body滾
- 在原來幾個版本基礎上代碼重構,這回只需在渲染的div裡追加一個名為"dumascroll" 的class即可自動渲染,而不設此class的不受影響
- 修複了以往版本所發現的bug:以往版本
將來版本可繼續擴充的功能有:
1、增加空格鍵的“下方向”快速滾動支援(更好地類比windows捲軸使用者體驗)
2、增加頁面body的渲染支援
3、增加textarea的渲染支援
4、增加嵌套div的渲染支援(目前代碼嵌套時有滾動的bug,被嵌套的div的滾動高度演算法到這個版本時將大幅修改)
5、增加同時出現橫向捲軸的支援(當有這方面需求時可以擴充)
示範: xmlns="http://www.w3.org/1999/xhtml">
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸
我是第一個被渲染的,真不幸我還是普通的,我不希望被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!
我還是普通的,我不希望被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!
我還是普通的,我不希望被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!
我還是普通的,我不希望被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!
我還是普通的,我不希望被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!
我還是普通的,我不希望被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!
我還是普通的,我不希望被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!
被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!
我還是普通的,我不希望被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!
我還是普通的,我不希望被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!
我還是普通的,我不希望被渲染,我就不用你的class,拿我怎麼樣?哈哈哈!22222真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555
真倒黴啊,俺還是被嵌套渲染的,555555笨喲你,嵌套就嵌套,你不用他class就不會被渲染,你看看我,羨慕吧
笨喲你,嵌套就嵌套,你不用他class就不會被渲染,你看看我,羨慕吧
笨喲你,嵌套就嵌套,你不用他class就不會被渲染,你看看我,羨慕吧
笨喲你,嵌套就嵌套,你不用他class就不會被渲染,你看看我,羨慕吧
笨喲你,嵌套就嵌套,你不用他class就不會被渲染,你看看我,羨慕吧
笨喲你,嵌套就嵌套,你不用他class就不會被渲染,你看看我,羨慕吧
笨喲你,嵌套就嵌套,你不用他class就不會被渲染,你看看我,羨慕吧
笨喲你,嵌套就嵌套,你不用他class就不會被渲染,你看看我,羨慕吧
笨喲你,嵌套就嵌套,你不用他class就不會被渲染,你看看我,羨慕吧
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111
fsdfs
11111111圖片自訂捲軸3.0(Duma"自動渲染版",也許世間萬物都會變,但是真摯的愛,卻永遠留存在心中!)
- 支援任意形式(包括圖片自訂)的美化擴充,跨瀏覽器支援
- 支援滑鼠按住上、下箭按鈕實現上下滾動
- 支援滑鼠滾輪放於"捲軸區"滾動,而不僅限放於滾動內容區才滾
- 支援滑鼠按住捲軸(未鬆開)並移出捲動區域仍然能拖拽滾動
- 捲軸子根據左邊滾動內容高與可視地區高度比例等比例,且當捲軸細到一定程度時設定最小高度值,內容過少時隱藏捲軸子
- 支援滑鼠在捲軸子的上下空白區間點擊實現上、下定位滾動(類比windows捲軸)
- 支援鍵盤上下方向鍵,滾動區滾完之後才輪到頁面body滾
- 支援頁面重新整理後保留捲軸滾動位置(需瀏覽器支援或開啟cookie)
- 滑鼠放於自訂滾動區滾動滾輪,滾動區滾完之後才輪到頁面body滾
- 在原來幾個版本基礎上代碼重構,這回只需在渲染的div裡追加一個名為"dumascroll" 的class即可自動渲染,而不設此class的不受影響
- 修複了以往版本所發現的bug:以往版本
將來版本可繼續擴充的功能有:
- 增加空格鍵的"下方向"快速滾動支援(更好地類比windows捲軸使用者體驗)
- 增加頁面body的渲染支援
- 增加textarea的渲染支援
- 增加嵌套div的渲染支援(目前代碼嵌套時有滾動的bug,被嵌套的div的滾動高度演算法到這個版本時將大幅修改)
- 增加同時出現橫向捲軸的支援(當有這方面需求時可以擴充)
期待大家幫忙尋找新bug並提出寶貴建議,相信下一版本將做的更好,謝謝(QQ:149561420,gTalk:dumachuixuf@gmail.com)。