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