更改窗口/ div滾動條的設計

Question

我有一個div，它有溢出屬性，一切都很好，但我希望滾動條看起來像這樣。不是默認的，是否有我可以實現這個？

或做我必須使用一個CSS框架？

Answer 1

您可以從這裏應用相同的滾動條。只要按照說明。

http://rocha.la/jQuery-slimScroll

Answer 2

由於在CSS沒有跨瀏覽器的滾動條造型availiable你需要使用jQuery的庫來爲你做的。

使用這個庫 https://code.google.com/p/jscrollpane/

只需下載這個並連接到您的項目，並在div要樣式滾動 只是它的代碼，因爲這

<div class="styleme"></div> 

，並在您的jQuery

$(document).ready(function(){ 

    $('.styleme').jScrollPane(); 

}); 

這就是你需要做的。 希望它有幫助。

Answer 3

你可以使用jQuery插件tinyscrollbar

http://baijs.nl/tinyscrollbar/

在Javascript

$('#scrollbar1').tinyscrollbar();