## 固定要素のスクロール挙動をテストするこのステップでは、固定位置の要素の独自のスクロール挙動を調べます。ページがスクロールされてもこれらの要素が静止したままであることを示すために、より多くのコンテンツを追加します。スクロール用のコンテンツを追加するために `index.html` ファイルを更新します。 ```html Fixed Positioning Scroll Test

Left Ad

I stay in place!

Right Ad

Always visible

Bottom Ad

Fixed at bottom

Scrolling Behavior Demonstration

Scroll Down to See Fixed Elements

Long Content Section

このセクションでは、固定位置の要素がどのようにして配置のままであるかをスクロールしながら観察できます。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula.

Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor.

Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio.

Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.

Nunc dignissim risus id metus. Cras ornare tristique elit. Vivamus vestibulum nulla sit amet tristique reprehenderit.

``` スクロールのデモを強化するために `styles.css` を更新します。 ```css body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 0; } .content { max-width: 800px; margin: 0 auto; padding: 20px; } .long-content { background-color: #f9f9f9; padding: 20px; } /* 以前の固定位置指定のスタイルは同じまま */ ``` 固定位置指定に関する重要な観察結果： - 固定要素は同じ画面位置に留まる - スクロールはそれらの配置に影響を与えない - ページのスクロール位置に関係なく要素は常に表示される例のスクロール挙動： - 左、右、下の広告は静止したままである - コンテンツは固定要素の後ろでスクロールする - 固定要素は常に画面上に表示される