滾動(dòng)條的各種設(shè)計(jì)方式和PSD圖

2011-10-28    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(       sillybuy.com       )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國內(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庫和設(shè)計(jì),重量輕,動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)師提供最大的靈活性,以提高設(shè)計(jì)的滾動(dòng)。 我已經(jīng)考察了滾動(dòng)條的結(jié)構(gòu)和它的真實(shí),你將能夠風(fēng)格很容易。 它不來的頂部和底部的箭頭。
    • 垂直和水平滾動(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í)施對于那些并不真正了解Javascript 。 然而,它帶有很多的例子和文檔,我相信可以對于初學(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看起來。 有不少人正在使用MooTools的,所以我添加為一個(gè)滾動(dòng)的解決方案。
    • 從我所看到的,它僅支持垂直滾動(dòng)
    • 部分移動(dòng)平臺(tái)的支持,這是用手指,但默認(rèn)情況下隱藏的滾動(dòng)條滾動(dòng)的。
    • 根據(jù)目前內(nèi)容的大小,它有一個(gè)內(nèi)置在刷新()函數(shù)來調(diào)整ScrollPane的
    • 支持平滑滾動(dòng)
    • 支持錨

滾動(dòng)的UI

現(xiàn)在你知道你可以做什么用的滾動(dòng)條,這個(gè)精心設(shè)計(jì)的界面皮膚,改造成美麗的丑陋!

分享本文至:

日歷

鏈接

個(gè)人資料

存檔