今まで1度もこの現象が起きたことは無いので原因がわからず困っています。
これまで制作したサイトは
-webkit-overflow-scrolling: touch; を指定しなくても滑らかにスクロールできていました。
親要素に○○○というCSSを設定しているとカクカクする...といった「原因」が知りたいです。
※ちなみに-webkit-overflow-scrolling: touch; を指定すると不具合が起きるので利用できません。
ご存知の方いらっしゃいましたらよろしくお願いいたします。
以前質問して回答がつかなかった内容▼ ---------------------------------------------------
###前提・実現したいこと
あるサイトをiPhone(実機)で見たときにスクロールがカクつくので慣性スクロールの設定をしたいのですが、
-webkit-overflow-scrolling: touch; で不具合が起こるので別の方法があれば教えていただきたいです。
###発生している問題・エラーメッセージ
<div id="wrap">内の全ての要素が表示されない。 ※position:fixed;で固定表示しているものだけは表示される。###該当のソースコード
■CSS
body {
-webkit-overflow-scrolling: touch;
}
■HTML
<body> <div id="wrap"> ・・・ </div> </body>###試したこと
下記のページにたどり着き、どうやらiOSのバグらしいということはわかったのですが具体的な解決方法はわかりません。
http://shakezoomer.com/?p=818