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