[B! iOS][iPhone] natto_tamagoのブックマーク

iOS8のバグ-webkit-overflow-scrollingで要素が消える不具合 | 2eb

iOSで慣性スクロールを有効にするCSS「-webkit-overflow-scrolling:touch;」を追加するとiOS8で発生することがある要素が消えるバグとその解決方法を紹介しています。iPhoneやiPadなど、iOSで慣性スクロールを有効にするCSS「-webkit-overflow-scrolling:touch;」を追加することで、疑似フレームを使用した要素も滑らかにスクロールさせることができます。操作性が格段によくなるので、是非とも指定したいプロパティなのですが…複数の条件が重なると不具合が発生してしまいます。発動条件は［iOS8でページ読み込み時に非表示の要素に-webkit-overflow-scrolling:touch;を指定している］場合のようで（実際はもっと複雑かも）、スクロールしようとタッチした瞬間にその要素が消えてしまうという悲惨なバグです！！:

natto_tamago 2015/03/27

iPhoneでiOS8のとき、CSSの-webkit-overflow-scrolling:touchを追加するとバグる件の対策方法

リンク

iOS8 Safari -webkit-overflow-scrolling: touch; issue

I'm having this same issue! So far I can't find a true solution, but there is a less-than-ideal workaround: Assuming #container has the -webkit-overflow-scrolling: touch property set, this jQuery should help you out: $('#container').css('-webkit-overflow-scrolling','auto'); Or for javascript (untested): document.getElementById('container').style.webkitOverflowScrolling = 'auto'; This will disable