設定は

設定が多く,難しくみえるが2枚のフレームで構成し,左側のフレームをJavaScriptでスクロールしているだけである.

これを作成するためには3つのHTMLファイルが必要だ.
1つは左フレームページ(left_frame.html:スクロールさせるフレーム)
2つ目は右フレームページ(main_frame.html:メインフレーム)
3つ目はフレームを定義するページ(index.html).

設定が必要なページはindex.htmlleft_frame.htmlで,main_frame.htmlには通常のページを作成すれば良い.

index.htmlソースの
<frameset 〜 border="0" frameBorder="0" frameSpacing="0">
    <frame name="LEFT_FRAME" src="left_frame.html" 〜 scrolling="no">
    〜

とし,左フレームの境界をなくしスクロールバーを非表示にしておくことがコツ.

画像提供 : PhotoBox YAS
戻る ]