Q&A
ご回答ありがとうございます。
見た目に影響が出てしまうため、zoomを外すことは残念ながらできません。
他人がコーディングしたものなので、できれば今のソースに追加する形で直したいです。
また、jqueryのバージョンを変えても何も変わりませんでした。
htmlにzoomが指定されていると、
iOS11 Safariでページ内リンクが正常に動かないバグがあるようです。
※zoomとは、例えば1.5などです。
※ページ内リンクが正常に動かないとは、毎回違う箇所でページ内移動が止まります。
iOS10やAndroidでは正常に動きますが、
iOS11のみうまくいきません。
iOS11のバグかと思いますが、
zoomはそのままでページ内リンクが正常に動く方法はありますでしょうか？
（残念ながらソースは貼ることはできません。）
Javascriptファイルを見てみると、
offsetTopで高さを取得して、
cssのzoomをかけているようです。
（jsが詳しくないので間違っているかもしれません。）
offsetTopに代わるものがあればうまくいく気がします。
以下は試しましたがダメでした。
.offset().top
.get( 0 ).offsetTop
.getBoundingClientRect().top
どうぞアドバイスをお願いいたします。。
回答2件
0
position: relative;とかされてるとうまく取得されませんので、条件次第ですが、
position().topも似たような感じにはなります。
一応その際は、position: relative;になっている要素の親のposition().topとか取得して、とかでちょっと計算すれば、出来たりもしますが…。
投稿2018/03/07 11:33
総合スコア3404
0
zoomはIE独自なので、不要で邪魔であれば、CSSから削除するだけで良いのでは無いでしょうか？
-追記-
iOSのバグでない場合、ページ内リンクの指定に問題は無いのでしょうか？jqueryを読み込んでいるのであれば、バージョンを変えてみてはどうでしょうか？
投稿2018/03/07 11:30
編集2018/03/07 11:57
総合スコア3523
積極的に使うべきものではないですが、zoomはWebKit系でも反応します。
https://developer.mozilla.org/ja/docs/Web/CSS/zoom
そもそも論ですみませんが、zoomがiOS11バグの原因とは？
zoomが無いとキチンと動作するのでしょうか？
テキストや画像ならばzoomをなくしてサイズ変更で対応できないものでしょうか？
maisumakun様
Webkit系も対応してはいるのですね。
てっきりIE独自の為、無視するのかと思っており勉強になりました。
情報ありがとうございます。
なぜhtmlタグにzoomが指定されているのか分かり兼ねるのです。。すみません。積極的に使うべきではないと承知しておりますが。。
なんとか回避できないですかね。。
yoshinavi様
>そもそも論ですみませんが、zoomがiOS11バグの原因とは？
→iOS11のみページ内リンクがずれてしまうのです。（iOS10やAndroidでは正常に動きます）
>zoomが無いとキチンと動作するのでしょうか？
→いったんzoomを外してみると正常に動きました。
>テキストや画像ならばzoomをなくしてサイズ変更で対応できないものでしょうか？
→最悪そうするしかないと思っていますが、jsでわざわざzoomを指定して、細かく計算しているみたいなので、外すとどこに影響が出るかわからないのです。。
なので単純に外すのは避けたいな、と。。
なるほどですね。
ググってもこの現象は少ないみたいで、zoomを外すと正常動作するとなると「zoomが原因」と言えるでしょうね。
こちらの記事は参考になるでしょうか？
https://discussionsjapan.apple.com/thread/10103018
yoshinavi様
ありがとうございます。
諸事情により、今ソースをいじれる環境にいないので、
試してみてまたご報告させていただきます。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/07 12:12