リクエスト広場

モバイル端末で正しくページ移動されない

8 コメント
views
5 フォロー

お世話になります。
新・カイロパーク攻略 Wiki*の管理人です。

管理しているTOPページにある当Wikiについての中にある2009年のリンクがPC端末からは正しく表示されますが、モバイル端末からだと一瞬、正しい場所を表示された後に違う場所が表示されてしまいます。

試した環境は以下になります。ご対応をお願いいたします。
iPhone SE3 16.1
Safari 16.1
Chrome 109.0.5414.83

款冬華
作成: 2023/01/20 (金) 23:02:49
最終更新: 2023/04/10 (月) 21:12:33
通報 ...
1
01v 2023/01/21 (土) 08:57:45

androidから見ましたがずれません。ページを読み込んでジャンプした後に、高さのあるコンテンツが後から展開されて位置がずれるのかもしれません。
そこよりより上にあるZコメントやTwitter、ecashを切ってどうなるなか原因を絞り込んでみてください。
類似の話題

2
款冬華 2023/01/21 (土) 17:20:49 修正 >> 1

返信ありがとうございます。
Chromeは2019年、Safariは2022年に対応している模様です。
助言どおりに各プラグインをコメントアウトした結果は以下になります。

コメントアウトしても位置ずれ発生のまま

#ecache
#flex_container
#flex_box
#twitter_timeline

コメントアウトして位置ずれ改善

#zcomment

zcommentに原因があるようです。元々あるトピック内(https://zawazawa.jp/kairoparknew/topic/187)にサムネイル画像があったため、問題の切り分け確認でサムネイル画像がない別のトピック(https://zawazawa.jp/kairoparknew/topic/133)を貼り付けて確認したところ、変わらず位置ずれが発生して改善されませんでした。

3
款冬華 2023/01/21 (土) 17:25:15 修正 >> 2

zcommentの高さと件数を指定していたので、指定なしに変更してみましたが改善されませんでした。

4
款冬華 2023/01/21 (土) 19:35:50 修正 >> 2

さらに新・カイロパーク攻略 Wiki 掲示板にある雑談(当Wikiにアクセスして確認しました。

コメントアウトしても位置ずれ発生のまま

#ecache
#flex_container
#flex_box
#contentsx
#includex

コメントアウトして位置ずれ改善

#zrecent
#zcomment

zrecentとzcommentはそれぞれ個別にコメントアウトしても位置ずれが発生しました。同時に2つコメントアウトしてようやく、位置ずれが改善されました。

5
款冬華 2023/02/05 (日) 10:08:26 修正 >> 2

現在も解決していないのですが、応急処置として折り畳みメニュー内にzawazawa掲示板を表示させることにしました。

6
WIKIWIKI運営 2023/04/10 (月) 19:02:01 >> 2

Twitterなど埋め込んだコンテンツは後から読み込まれ、高さが決まります。
そのコンテンツの配信が遅いほど、ズレることがあります。

7
款冬華 2023/04/10 (月) 21:08:15 >> 2

ご回答ありがとうございます。
応急処置のままで継続させていただきます。

要望は具体的な提案や理由を書いて下さい。
×