HTMLでスクロールバーをロックする

コンテンツ

• 機能性
• 動き
• ロック
• カスタマイズ

いくつかのインターネットページは単一のブラウザページに収まるように作られています。解像度が大きい画面は自動的にスクロールバーを削除します。ただし、解像度が低下したときに訪問者がスクロールできないようにしたい開発者もいます。これは一連のHTMLコードによって実現できます。

スクロールバーはブラウザの右側にあります （コムストック/コムストック/ゲッティイメージズ）

機能性

ブラウザの右側にある垂直スクロールバーにより、ユーザーはページを上下に移動できます。バーを使用すると、1つのウィンドウにしか表示できないコンテンツを表示することができます。当初、バーは最初のGUIユーザーのための「ハンドル」として知られていました。その構成要素は軸内で移動します。

動き

スクロールバーを移動するには4つの方法があります。上下にドラッグしてマウスでバーをクリックします。スクロールバーの端にある上下の矢印をクリックします。キーボードの矢印キーを上下に押します。いくつかのマウスが持っているスクロールホイールをスクロールします。方法は異なりますが、すべて同じ結果が得られます。

ロック

Webページのコンテンツ量に関係なく、スクロールバーをロックする方法があります。このコードはタグ間に追加する必要があります そして :

スタイルコードは、最終ページビュー以外のコンテンツを表示しないようにブラウザに指示します。初期ビュー以外の他の内容は切り捨てられます。

カスタマイズ

初期色を含めて、スクロールバーをカスタマイズする方法は他にもあります。これには、Webページにカスケードスタイルコードを追加する必要があります。 Firefoxはサポートしていないため、Internet Explorerは色付きのスクロールバーをサポートしています。