スタイリングブラウザのスクロールバー

Question

私はこれまで数年前に見ましたが、広くサポートされていなかったため、ウェブサイトではその使用が廃止されました。

デザイン内にスクロールバーが表示され、デフォルトの色が適合しないためCSS2にスタイリングブラウザスクロールバーの仕様があるかどうか疑問に思うウェブサイトを現在設計中です。仕様がない場合は、特定のブラウザーの動作を参照することができます。

CSS仕様がない場合は、JSを使用してカスタム生成スクロールバーを使用する必要があります。それを構築する方法の参考にもなります。

Answer 1

をボタンを変更するには注意する必要があり、と述べました。あなたがこれを支払う必要があることに注意してください。しかし、あなたがそのルートに行きたくない場合でも、それは可能なことを示しています。

jQuery solutionとPrototype solutionもあります。

Answer 2

あなたはこのようにそれを行うことができます。

<style> 
body { 
    scrollbar-face-color: #000000; 
    scrollbar-highlight-color: #000000; 
    scrollbar-shadow-color: #000000; 
    scrollbar-3dlight-color: #000000; 
    scrollbar-arrow-color: #000000; 
    scrollbar-track-color: #000000; 
    scrollbar-darkshadow-color: #000000; 
} 
</style> 

それだけのInternet ExplorerとOpera（おかげで、ジュリアン！）で動作します。また、さまざまな色を使いたいかもしれません。 8-）

Answer 3

WebKit support another mechanism。

Answer 4

それが関連していますので、私は、this threadから自分自身を引用：

ビューの使いやすさの点から、スクロールバーを変更して無行くではありません。ユーザーは、オペレーティングシステムとそれが提供するビジュアル環境に精通しています。これを変更すると、特にコンピュータ、老人などを初めて使う人の間で混乱が生まれます。

今日の大半のユーザーは、スクロールバーが基本的な形をしていると認識していますバー自体ですが、マウスのスクロールホイールだけです。

それでも考えることができます。あなたの聴衆を考慮する。また、カスタムスクロールバーを使用する場合は、すべてのプラットフォーム/すべてのブラウザで実際に動作することを確認してください。

Answer 5

多くのブラウザでは、スクロールバーのスタイリングをサポートしていますが、そのほとんどはCSSで標準化されていません。

も、アルブのsystadとしてOSの、このような基本的なウィジェットを変更しても何のゴーかかわらではありません1は、JavaScriptのソリューションはhttp://www.hesido.com/web.php?page=customscrollbarで見つけることができますあまりにも、その後

Answer 6

私はこれらのソリューションを試してみることはできませんでしたが、非常に有望に見え、うまく機能しないと主張されています。

これは
http://www.hesido.com/web.php?page=customscrollbar

http://www.n-son.com/scripts/jsScrolling/new/example5.html