iOSで慣性スクロールを有効にするCSS「-webkit-overflow-scrolling:touch;」を追加するとiOS8で発生することがある要素が消えるバグとその解決方法を紹介しています。iPhoneやiPadなど、iOSで慣性スクロールを有効にするCSS「-webkit-overflow-scrolling:touch;」を追加することで、疑似フレームを使用した要素も滑らかにスクロールさせることができます。 操作性が格段によくなるので、是非とも指定したいプロパティなのですが…複数の条件が重なると不具合が発生してしまいます。 発動条件は[iOS8でページ読み込み時に非表示の要素に-webkit-overflow-scrolling:touch;を指定している]場合のようで(実際はもっと複雑かも)、スクロールしようとタッチした瞬間にその要素が消えてしまうという悲惨なバグです!!:
![iOS8のバグ-webkit-overflow-scrollingで要素が消える不具合 | 2eb](https://cdn-ak-scissors.b.st-hatena.com/image/square/c14f6c0a4f4616144992bd8852c30ad48b3cdb6b/height=288;version=1;width=512/http%3A%2F%2F2eb.jp%2Fwp%2Fwp-content%2Fuploads%2F2015%2F03%2Fios8-overflow-scrolling_p01.png)