ホームページ作成(フレームで画面分割)
無料!発信中!メール情報誌!

ホームページ作成しよう!
HTML〜スタイルシート

ホームページ作成TOP > フレーム > フレームのスクロールバーの表示・非表示を調整する

フレームのスクロールバーの表示・非表示を調整する

フレーム内の表示内容が画面の表示範囲を超えたりした場合には、スクロールバーが必要になりますが、そのスクロールバーの表示・非表示を調整する事が出来ます。

【注意】
非表示にした場合には環境によっては表示が超えた場合に移動できないなどの問題が出ますので、十分な注意が必要です。

sample

サンプルは左側から
『表示しません、常時表示します、自動で表示・非表示を切り替え』
にて設定してあります。

スクロールバー
画面を小さくすると!
スクロールバーに変化
スクロールバー
HTML scrolling="指定"

スクロールバーの表示・非表示をコントロールするには、対象となる<frame>に対して設定ます。

指定意味
scrolling="no"表示しません
scrolling="yes"常時表示します
scrolling="auto"自動で表示・非表示を切り替え
書き方は 〜フレームページ〜

<frameset cols="33%,33%,33%">
  <frame src="sample.html" scrolling="no">
  <frame src="sample.html" scrolling="yes">
  <frame src="sample.html"  scrolling="auto">
</frameset>
こうなります
IE7
IE
Firefox
Opera

ホームページ作成TOP > フレーム > フレームのスクロールバーの表示・非表示を調整する > このページのTOP ▲

フレームのスクロールバーの表示・非表示を調整するスタイルはありません。

フレームで設定するのではなく、スクロールバーの表示・非表示を調整する事になります。スタイルはレイアウト > スクロールバーの表示・非表示を調整するを参照して下さい。

ホームページ作成TOP > フレーム > フレームのスクロールバーの表示・非表示を調整する > このページのTOP ▲