滾動(dòng)條的各種設(shè)計(jì)方式和PSD圖
2011-10-28 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(
www.jghy.net
)是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的
BS界面設(shè)計(jì)
、
cs界面設(shè)計(jì)
、
ipad界面設(shè)計(jì)
、
包裝設(shè)計(jì)
、
圖標(biāo)定制
、
用戶體驗(yàn)
、交互設(shè)計(jì)、
網(wǎng)站建設(shè)
、平面設(shè)計(jì)服務(wù)
瀏覽器滾動(dòng)條的解決方案
原文:http://www.queness.com/post/9667/javascript-scrollbar-solutions-and-psd-layouts
好吧,讓我們開始jQuery和一個(gè)Mootool插件/
- 微型滾動(dòng)
微型滾動(dòng)使用jQuery庫(kù)和設(shè)計(jì),重量輕,動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)師提供最大的靈活性,以提高設(shè)計(jì)的滾動(dòng)。
我已經(jīng)考察了滾動(dòng)條的結(jié)構(gòu)和它的真實(shí),你將能夠風(fēng)格很容易。
它不來(lái)的頂部和底部的箭頭。
- 垂直和水平滾動(dòng)支持
- 在iPhone,iPad和Android的工作
- 支持滾動(dòng)輪,拇指或跟蹤
- 更新功能,因此它可以處理內(nèi)容的變化。
這是一個(gè)好東西!
- 滾動(dòng)條和拇指大小可以設(shè)置為自動(dòng)或一個(gè)固定的數(shù)
- 支持錨
- JScrollPane中
的JScrollPane是一個(gè)跨瀏覽器的開爾文運(yùn)氣瀏覽器的默認(rèn)滾動(dòng)條(有關(guān)overflow屬性的元素)轉(zhuǎn)換成一個(gè)HTML的結(jié)構(gòu),可以很容易地使用CSS剝皮的jQuery插件。
所有,我發(fā)現(xiàn),JScrollPane中是最強(qiáng)大的,并在同一時(shí)間相當(dāng)復(fù)雜的實(shí)施對(duì)于那些并不真正了解Javascript 。
然而,它帶有很多的例子和文檔,我相信可以對(duì)于初學(xué)者非常有幫助 。
- 垂直和水平滾動(dòng)支持
- 支持箭頭的滾動(dòng)(點(diǎn)擊/懸停)
- 支持滾動(dòng)輪,觸摸或跟蹤
- 在iPhone,iPad和Android的工作
- 它具有內(nèi)置的功能重新初始化ScrollPane的,如果你添加動(dòng)態(tài)內(nèi)容。
- 它的回調(diào)函數(shù)/事件。
- 和很多更多的功能!
- MooScroll
很明顯,這是一個(gè)MooTools的JavaScript框架的滾動(dòng) 。
MooScroll是個(gè)MooTools 1.2類,允許您自定義滾動(dòng)條滾動(dòng)的div看起來(lái)。
有不少人正在使用MooTools的,所以我添加為一個(gè)滾動(dòng)的解決方案。
- 從我所看到的,它僅支持垂直滾動(dòng)
- 部分移動(dòng)平臺(tái)的支持,這是用手指,但默認(rèn)情況下隱藏的滾動(dòng)條滾動(dòng)的。
- 根據(jù)目前內(nèi)容的大小,它有一個(gè)內(nèi)置在刷新()函數(shù)來(lái)調(diào)整ScrollPane的
- 支持平滑滾動(dòng)
- 支持錨
滾動(dòng)的UI
現(xiàn)在你知道你可以做什么用的滾動(dòng)條,這個(gè)精心設(shè)計(jì)的界面皮膚,改造成美麗的丑陋!