Q&A
発生している問題中、「他ページ」というのは、自分の管理するサイト内のページということでしょうか？
また、「トップが表示されない」というのは、具体的にどこが表示されるという事でしょうか。
iOSにおいては、chromeもfirefoxもsafariもすべてレンダリングエンジンはwebkitで同じはずで、ただJSのエンジンが異なるだけです。そのトップが表示されないページのjsに何か無いか、またuseragent毎に切り分けてコンテンツ表示していないかも合わせてご確認下さい。
###前提・実現したいこと
iOS の chrome,Firefoxで、リンクををクリックしページ遷移した際に、ページの1番上を表示させたい。
###発生している問題
aタグで設定したリンクから、自分のサイト内の別ページに飛んだ際に、ページのトップ（一番上）が表示されない問題が発生しています。idでアンカーを設定しているわけではなく、また、Safariでは通常通りページの先頭から表示されています。
###使用言語
HTML5, CSS3, Mobify
ご指摘ありがとうございます。修正しました。
今回、Mobify.jsを使用して、マルチデバイス対応をおこなっているため、それがuseragent毎に切り分けてコンテンツ表示しているかもしれません。。
回答1件
0
使用言語にmobifyと書いてあるのを見過ごしてました。
mobifyによる導入事例をいくつか確認したところ、同様の現象が確認できました。
mobify.jsは詳しくありませんが、
- トップに広告が表示されるパターンで、当該広告が読み込まれていない
- 読み込み完了後トップにスクロールするようになっているが、上部にカルーセルなどの読み込みが遅いものが有り、その読み込み前に誤ったトップにスクロールされている。（document.ready()の解釈がsafariとそれ以外で異なる）
などが見た感じ予想されます。すいません、私はmobify.jsは知らないので、これくらいしか回答出来なそうです。
追記(2016/3/11 17:00)
mobify.jsがオープンソースだと気付いたので簡単にソース見てみました。時間が無いのでさっぱりですが、コメントで、iOS8.0+においては、viewportが原因で自動スクロールが発生する場合があり、これを防ぐため、document.openの前にページをスクロールさせるためにmeta viewportタグを生成するなどの記述があり、下記リンクも記載がありました。見てみたら、たしかに、modify.jsを使ったサイトで、ページロード後になぜかスクロールされるというバグについてでした。
modify.jsを最新版にする、viewportを弄ってみる、でも解決するかもしれません。
投稿2016/03/11 07:09
編集2016/03/11 08:00総合スコア501
導入事例見たら、たしかに同じ現象が起きてますね。。
document.ready()の解釈が違ったりするのですね。。
いえいえ、とても助かりました！ありがとうございます！
あなたの回答
tips
プレビュー
