2009-04-08 14 views
1

HTML/CSSを使用してスクロールバーの画像を置き換えるにはどうすればよいですか?スクロールバーの画像はどのように使用できますか?

私が持っている:

scrollbar-base-color: #00acee; 
scrollbar-dark-shadow-color: #00acee; 
scrollbar-track-color: #ffffff; 
scrollbar-face-color: #00acee; 
scrollbar-shadow-color: #00acee; 
scrollbar-highlight-color: #00acee; 
scrollbar-3d-light-color: #00acee; 

は、私は同じ考えを達成するために画像を使用することはできますか?

答えて

1

画像をスクロールバーに入れることはできません。スクロールバーをカスタマイズするW3C仕様(IEのみCSS)ではありませんが、何ができるかについての詳細は、ここで見つけることができます:

http://www.quirksmode.org/css/scrollbars.html

5

いいえいいえスクロールバーの代わりに画像を使用することはできません。また、色を変更することはユーザーには非常に迷惑であり、IEでのみ機能しますので、標準のGUI要素に固執してください。

1

私が知っている限り、イメージでスクロールバーをスタイルすることはできません。

http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html

トリックをあなたが好きなようにスタイルを適用することができますいくつかのdivを使用してスクロールバーを、「シミュレート」することがあります:あなたはjqueryのを使用したい場合は に、あなたはこのjQueryプラグインを使用して簡単に行うことができます彼らは単なる正規の部署だからです。その後、scrollTopプロパティとスクロールイベントなどを使用するのは簡単です(ただし、実際にどのように動作するかは分かりません)

3

いいえ、あなたはスクロールバーで画像を使用することはできません。 (また、色を変更するだけで、非標準モードのIEでのみサポートされます)

スクロールバーで画像を使用する唯一の方法は、標準のスクロールバーをまったく使用するのではなく、 DHTMLを使用して自分自身をバーにするか、すでに行っている人を見つけてください。

ただし、ユーザーが既に使用されているコントロールの外観を変更する場合は、少し制限があります。あなたが気をつけなければ、混乱する人になってスクロールバーとして認識さえしないかもしれません...

+0

1 - 私の経験では、これは実際には問題になることはありません(結局アップ/ダウンの矢印などを解読するのは簡単です)、それはです優れた点 – annakata

1

Webkit == SafariとChromeが、FirefoxとOperaは今後のリリースで同様の機能を実装する予定です。スペックはキラーですが、サポートがあっても使用する価値はないかもしれません。

MooToolsのは、かなりの数があります。

  1. Mooscroller
  2. MooScroll(? Solutaire'sに基づいて)、( はMooToolsはの-moreに実装されます)
  3. UvumiScroll

私はそれがExt UIの一部であり、おそらくJQのUIライブラリだと思いますが、個人的な経験はありません。

非ライブラリ依存クラス

ワン:ユーザーの期待を変更するときは注意を示唆ためhttp://www.hesido.com/web.php?page=customscrollbar

関連する問題