html - ウィンドウ/div スクロール バーのデザインを変更する

Question

オーバーフロー属性を持つ div があります。すべて問題ありませんが、スクロールバーを次のように表示したいと考えています。デフォルトのものではありませんが、とにかくこれを実装できますか?

または、css フレームワークを使用する必要がありますか?

Answer 1

ここから同じスクロールバーを適用できます。指示に従ってください。

http://rocha.la/jQuery-slimScroll

Answer 2

css で利用できるクロス ブラウザ スクロールバーのスタイル設定がないため、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();