Style GuideをMobile Safari 8で確認していて気づいたのだけど、擬似要素をposition: fixedした場合、スクロールしている最中は位置が変化しないようだ。つまりスクロールを止めた後で位置がアップデートされるので、他のブラウザーのように完全に位置が固定されない。 Demo: Fixed Pseudo Element on Mobile Safari 8 デモでは見出しと概要に続く「Lorem Ipsum」という文字列が擬似要素として仕込んである。これを同時にposition: fixedで位置固定しているが、Mobile Safari 8ではスクロール中は位置が変化しないので、画面外にスクロールアウトしてしまう。スクロールを止めると位置固定で期待される位置に改めて描画される。 擬似要素ではない場合は今まで通り完全に位置が固定される。 パフォーマンスの向上を受けて
![Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない](https://cdn-ak-scissors.b.st-hatena.com/image/square/3f5b82b389288307937334fc4287757df165d7e4/height=288;version=1;width=512/https%3A%2F%2Fhail2u.net%2Fimg%2Fblog%2Ffixed-pseudo-element-on-mobile-safari-8.png)