スクロールバーを黒くするにはどうすればよい<div>
ですか?
Webkit、IE7 から IE9、および Firefox で動作するものはありますか?
スクロールバーを黒くするにはどうすればよい<div>
ですか?
Webkit、IE7 から IE9、および Firefox で動作するものはありますか?
これは Firefox では実行できません。IE および Webkit ブラウザーのみがスクロールバーの変更をサポートしています。
MSIE での実行方法については、 http: //msdn.microsoft.com/en-us/library/ie/ms531153%28v=vs.85%29.aspx およびhttp://www.webkit.org/blog/を参照してください。 363/styling-scrollbars/ webkit でそれを行う方法について。
ブラウザのスクロールバーをスタイルすることはできません。普遍的にサポートされているわけではありません (IE は実装しようとしましたが)。
また、アクセシビリティの観点からも、そうするのは悪い考えです。非常にスリムでほとんど見えないカスタム スクロール バーが見えない (古い) 人のことを考えてみてください。
このような JS でカスタム スクロールバー プラグインを使用できます。いたるところにある
Pez Cuckowが言ったように:
カスタムスクロールバーはjavascriptで実装されていると思いますが、見た目は非常に滑らかで、ブラウザのスクロールバーをそれほど見栄えよくすることはできません!
私がまとめた例を http://jsfiddle.net/9LHPW/2/で見つけてください。これには 4 つの外部ファイル (3x Js と 1x CSS) が含まれているため、[リソース] タブを確認してください。
Javascript と jQuery を使用したさらなる例 (まさにあなたが望むものと同じように見えます) については、この Web サイトをご覧ください: http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html
プラグインのホームは http://manos.malihu.gr/jquery-custom-content-scrollerにあります。
使い方のセクションと一緒に!
スクロール可能な領域のスクロールバーの可視性(私はあなたのAppleを見ています)を改ざんしてはならないことに同意します。スクロール可能なテキストのボックスが境界のすぐ内側に収まり、スクロールしてユーザーを混乱させることをユーザーに知らせる視覚的な手がかりがない場合があります。ユーザーがアプリケーションを使用できないようにするのは本当に良い考えですか?ほとんどの場合そうではありませんが、ターゲットの人口統計に問題がないことを反論することもできます。極端なインライン競争のためのアプリケーションは、おそらくよく見ることができない人々によって使用されることはないでしょう。ただし、視覚的な障害を超えたアクセシビリティ/ユーザビリティの懸念があります。認知障害のある、または技術に精通していない、
そうは言っても、あなたを幸せにすることをしてください。それが私がしていることです。