ある要素がbody幅を超えると、position：fixedしている要素（特に画面最上部）の位置がおかしくなります。。。
正確に言うとfixedが効かないわけではなく、画面が拡大表示されていてfixedされている要素が画面上部に隠れてしまっているだけです。
PCではbodyの幅を超えづらいので、スマートフォンもしくはブラウザのエミュレータで当ページを閲覧してください。
※なぜかiPhoneでは問題なく表示されます。。。
固定ヘッダー部分は青で、はみ出す要素（テキスト）は赤色にしてます。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。