iframeを用いてHTMLを閲覧するアプリケーションを作成しています。
PCだとiframeのcontentWindowでスクロールを検知できますが、iOSでスクロールを行う場合、iframeへの高さの設定ができないため、直上のcontainerに高さとoverflow-y: auto;-webkit-overflow-scrolling:touch;を指定し、スクロールを行っています。
この際、一定のスクロールをした状態で親のhtml上にあるいずれかの要素に対してstyleのheight or widthに変更を加えるとスクロールが先頭まで戻ってしまう現象が起きてしまいます。(scrollTopがになっている)
scriptである要素にborderを付与した場合でも、高さ、幅が変更されたとみなされ、スクロールが先頭まで戻ってしまい、cssでアニメーションをつけるといったことができず、非常に困っています。
iframeがない場合のスクロールでは起きません。
できる限り調べてみましたが、どうしても対応策が見つからないので質問させていただきました。
※都合上、iframeを使用しないという対応はできません。
よろしくお願いします。
あなたの回答
tips
プレビュー