2012-01-18 7 views
0

固定幅のdivセクションが作成されましたが、その中のコンテンツはオーバーフローしているため、そのdivのデフォルトの水平スクロールバーが表示されます。今私はこの例のような水平スクロールバーをスタイルしたい:http://themefuse.com/demo/html/WebStudio/Dark/Green/index.html jqueryを使用せずに、コードはCSSとJavascriptだけを使用している必要があります。divセクションのスクロールバーのCSSスタイルを変更するにはどうすればよいですか?

どうすればこの問題を解決できますか?どんな助けも高く評価されます。唯一のWebKitベースのブラウザとの互換性があるのWebKit-スクロールバーのCSSルールを -

+0

JavaScriptを使用する点は何ですか?JavaScriptライブラリはありません。 – thirtydot

+1

jQueryはなぜですか? jQueryはJSですが、実際はJSで構築されています。 –

+1

@HarryJoy:jQuery **は** JS – xbonez

答えて

2

あなたが::使用する必要があります。ここでは、良いハウツー/ガイドを見つけることができますhttp://css-tricks.com/custom-scrollbars-in-webkit/

+0

あなたはJavascriptを必要としません、それはCSS機能です。 –

+0

お返事ありがとうございます。しかし、実際に私はクロスブラウザの実装を探しています。クロスブラウザで動作させることを考えているかどうか教えてください。 – manishekhawat

+1

CSSのトリックでクロスブラウザの実装はありません。あなたが参照するリンクのように、「偽の」スクロールバーを構築することができます。そのリンクのソースを参照してください.Jsはそれを行います。ここにスクリプトのURL http://themefuse.com/demo/html/WebStudio/Dark/Green/js/slider.js –

関連する問題