html，css和/或javascript中的自定義滾動框

我最近將這個項目交給了我，涉及爲客戶端編寫一個簡單的靜態站點。通常我不會進入網站UI方面，我更多地參與事物的後端..反正。html，css和/或javascript中的自定義滾動框

我已經附上圖片，我從我們聘請了一個自定義srollbox圖形的設計師得到： enter image description here

因爲我不知道很多關於CSS如何將一個做到這一點，如果我有滾動的文字區域在我的HTML？任何指針？

謝謝！

2012-11-19 Tiwaz89

純CSS3的解決方案：http://css-tricks.com/custom-scrollbars-in-webkit/它甚至適用於iOS。 –

@Derek - 感謝您的回覆，因爲這篇文章是關於webkit中的自定義滾動條。這意味着，這不會像IE瀏覽器的東西對嗎？ – Tiwaz89

是的，它不適用於IE或Firefox。（Firefox表示他們不希望網頁混淆用戶的界面，所以他們拒絕這樣做。）如果您正在尋找跨瀏覽器解決方案，那麼您應該查看jQuery滾動條插件。它們易於使用且體積小巧。 –

回答