cateiru https://blog.hatena.ne.jp/cateiru/ blog https://blog.cateiru.com/ 技術 TL;DR 再現環境 本編 再現環境 どういうケースで再現するか 対応方法 TL;DR Webページの画面外に position: sticky がある場合、その要素の位置が数px上に移動し sticky が動作しない問題がある。 iOSもしくはXのバグである可能性が高い IntersectionObserver などを使用して画面に sticky 要素が表示されてからレンダリングすると解決する 誰か原因突き止めてくれ！！ 再現環境 2025年12月9日現在 iPhone13 / iOS 26.1 X v11.46.1 本編 最近、iOSアプリのXで新しい WebView がリリースされました… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.cateiru.com%2Fentry%2F2025%2F12%2F09%2F190000" title="iOSのXの新しいハーフモーダル形式WebViewで画面外にある sticky 要素が壊れる問題 - blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/c/cateiru/20251209/20251209144938.png Hatena Blog https://hatena.blog 2025-12-09 19:00:00 rich https://blog.cateiru.com/entry/2025/12/09/190000 1.0 100%