6

これは何年も前に見ましたが、広くサポートされていなかったため、Web サイトでの使用が中止されています。

私は現在、デザイン内にスクロールバーを持つ Web サイトを設計しており、デフォルトの色が収まらないため、CSS2 にブラウザーのスクロールバーのスタイルに関する仕様があるかどうか疑問に思っています。仕様がない場合は、特定のブラウザの動作に関する参照を歓迎します。

CSS 仕様がない場合は、JS を使用してカスタム生成されたスクロールバーに依存する必要があります。ビルド方法に関する参考文献も大歓迎です。

4

6 に答える 6

10

関連しているため、このスレッドから引用します。

ユーザビリティの観点からは、スクロール バーを変更することはできません。ユーザーは、自分のオペレーティング システムとそれが提供する視覚環境に精通しています。これを変更すると、特にコンピューターの使用に慣れていない人や年配の人などの間で混乱が生じます。

今日のユーザーの大半は、基本的な形をしている限り、おそらくスクロール バーを認識するでしょう。また、多くの人は、バー自体を使用することさえせず、マウスのスクロール ホイールだけを使用します。

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

于 2009-06-07T14:03:37.647 に答える
8

JavaScript ソリューションは、次の場所にあります。http://www.hesido.com/web.php?page=customscrollbar . これには料金を支払う必要がありますが、そのルートに行きたくない場合でも、可能なことを示していることに注意してください.

それ以外の場合は、jQuery ソリューションとプロトタイプ ソリューションも利用できます。

于 2009-06-07T14:38:19.730 に答える
6

WebKit は別のメカニズムをサポートしています。

于 2009-06-07T07:29:52.903 に答える
4

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

<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でのみ機能します（ありがとう、Julien！）。そして、あなたは異なる色を使いたいかもしれません。8-）

于 2009-06-06T21:24:47.767 に答える
2

私はこれらの解決策を試したことはありませんが、非常に有望に見え、うまく劣化すると主張されています.

これが私の最初の選択肢です
http://www.hesido.com/web.php?page=customscrollbar

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

于 2009-06-07T15:08:37.047 に答える
0

多くのブラウザは、スクロールバーの何らかのスタイリングをサポートしていますが、css で標準化されているものはありません。

また、arve systad が言ったように、OS のそのような基本的なウィジェットを変更することは禁止されていますが、ボタンの変更にも注意する必要があります。

于 2009-06-07T14:23:58.650 に答える