ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLページのスクロールバー関連設定の概要

HTMLページのスクロールバー関連設定の概要

巴扎黑
巴扎黑オリジナル
2017-06-04 10:58:283459ブラウズ

スクロール バーは入力ボックスなどの Web ページでよく見られるので、自分の好みに合わせて見栄えの良いスクロール バーを設定する方法をまとめます。

スクロール バーのスタイルを設定します。

1 .CSSでスクロールバーのスタイルを設定する手順の図解

ブラウザのデフォルトのスクロールバーはあまりにも愚かに見えるので、自分で行う必要があります。 IE ブラウザにはスクロール バーを設定するためのスタイルがいくつかあったと記憶していますが、それらは色などを設定することしかできず、Webkit はそれらをサポートしていません。 NetEase メールボックスのスクロール バーが非常に優れていることに気づきました。最初は p でシミュレートされているのかと思いましたが、実際に見てみると、CSS を使用して設定されており、Webkit ブラウザーでした。 。

HTMLページのスクロールバー関連設定の概要

2.HTMLでスクロールバーのスタイルを設定する

スクロールバーの色を設定する:

1.IE6でスクロールバーの色を設定できない問題を解決する

スクロールバーを設定できない問題を解決するIE6 のバーの色

全般 スクロール バーのスタイルを設定する場合、次の CSS コードが使用されます:

body
{
    scrollbar-face-color:#f6f6f6;
    scrollbar-highlight-color:#fff;
    scrollbar-shadow-color:#eeeeee;
    scrollbar-3dlight-color:#eeeeee;
    scrollbar-arrow-color:#000;
    scrollbar-track-color:#fff;
    scrollbar-darkshadow-color:#fff;
}

推奨される関連質問と回答:

1. スクロール バーを設定するための div 内に複数の div を設定する効果はありません

2.スクロールバーの上下の余白を設定する方法

3.スクロールバーの色、クロスブラウザを設定する方法

以上がHTMLページのスクロールバー関連設定の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。