スクロールバーを消す

[新着] Webテンプレートを仮オープンしました


<body scroll="no">

ブラウザ
Internet Explorer
タイプ
(独自拡張)

bodyタグscroll="no" を追加すると、ページのスクロールバーを消すことができます。


<body scroll="no">


scroll="" yes … (スクロールバーを表示します)デフォルト
no … (スクロールバーを消します)
auto … (自動)

yesを指定した場合
IEのデフォルトの状態です。スクロールを必要としないページ(短いページ)でも、常にスクロールバーが表示されます。

noを指定した場合
スクロールを必要とするページ(長いページ)でも、スクロールバーは表示されません。そのため、スクロールの操作ができなくなります。(ページ内をマウスでドラッグすると動かすことは可能)

autoを指定した場合
スクロールを必要とするページではスクロールバーが表示され、必要としないページではスクロールバーは表示されません。(表示されない場合でもスクロールバーの領域は確保されます)

メモ

この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
※スクロールバーを消してしまうと、ページの内容や閲覧者の環境によっては、ページの一部を見られなくしてしまう可能性があります。


使用例

<html>
<head>
<title>TAG index Webサイト</title>
</head>
<body scroll="no">



</body>
</html>

これをブラウザで見ると次のように表示されます

(スクロールを必要するページで no を指定した例)



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版