サポート » 使い方全般 » 別ページからのアンカーリンクがずれる

  • WordPressでWEBサイトを制作しています。

    TOPページから別ページの指定の箇所に飛ぶ
    アンカーリンクを貼っているのですが、
    なぜか指定の箇所に飛んだあと、そこからかなり上にずれます。
    常に上手く飛ばないわけではなく、うまく飛ぶときもあり、動作が不安定といった感じです。

    挙動が不安定なブラウザは
    Chromeバージョン 32.0.1700.107 m、InternetExplorerバージョン11.0.9600.16476で、
    Firefox27.0.1は正常に動作しました。

    リンク先は一つのページに 
    <div id=”a1″> </div>
    <div id=”a2″> </div>
    <div id=”a3″> </div>の3つ埋め込んでおり、
    https://example#a1、https://example#a2などそれぞれのリンクにアクセスをすると
    上記の症状が起きます。

    使用しているテーマはBizVektorの0.10.11です。

    どこらへんに原因があるのか、お教えしていただければ幸いです。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • リンクを指定している箇所が一旦表示されて、最終的に上か下にずれるという感じではありませんか。

    モデレーター gatespace

    (@gatespace)

    ※ 「【重要】 お読みください」はフォーラム管理上のお知らせを掲載するカテゴリーですので質問のトピックには使用されないようお願いします。
    質問のトピックを作成される際には最もあてはまるカテゴリーを選択してください。
    本件は「使い方全般」カテゴリーに移動します。

    トピック投稿者 prixfixe

    (@prixfixe)

    digit@maetelさま

    ご回答ありがとうございます。

    >リンクを指定している箇所が一旦表示されて、最終的に上か下にずれるという感じではあり
    >ませんか。

    おっしゃる通りです。最終的に上にずれます。3つのリンクとも同じ幅だけずれていると考えられます。(一つは上部にアンカーリンクがあるため、ページトップに移動します)

    おそらく2000px近く上にずれています。

    gatespaceさま

    申し訳ありません。

    初めての投稿で、注意が行き届きませんでした。以後気を付けます。

    そのページは本文だけでしょうか。画像、アドセンスなど広告が多いと読み込みに時間がかかり最終的にずれることになりそうです。

    トピック投稿者 prixfixe

    (@prixfixe)

    digit@maetelさま

    早い回答感謝いたします。

    画像は630px×160pxのものが3つあります。
    広告はありません。

    画像の表示に時間を要してるのではないでしょうか。
    一時的に画像なしで試してみましょう。
    それでずれる場合は本文に改行が多く入っていないか、時間のかかる指定があるかもしれませんね。

    トピック投稿者 prixfixe

    (@prixfixe)

    digit@maetelさま

    お返事、遅くなって申し訳ありません。

    画像なしで試してみましたが、結果は同じになりました。
    また、【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット
    http://web-tan.forum.impressrd.jp/e/2013/01/29/14562
    というもので、サイトの表示にかかる時間を調べてみたのですが、
    Chromeで1,658ミリ秒 (1.66秒)という標準的な結果が出ました。

    確かに改行は多く、入っていいるのかなとは思いますが、
    サイト制作の経験が浅いので、
    現状のコードがどの程度サイト表示に支障をきたすものになっているのか正直わかりません。

    本文に改行が多く入っていると、ページの読み込みに支障をきたすことがあるのでしょうか。

    常に上手く飛ばないわけではなく、うまく飛ぶときもあり、動作が不安定といった感じです。

    ということなので、ちゃんとなっているのだと思いますが、念のため、

    https://example#a1、https://example#a2などそれぞれのリンクにアクセスをすると

    これ、リンクの指定あってますか?

    トピック投稿者 prixfixe

    (@prixfixe)

    kjmtshさま

    ご回答ありがとうございます。

    >これ、リンクの指定あってますか?
    というのはきちんとhttps://example#a1と記述してあるかという意味でしょうか。
    一旦は指定した場所に飛ぶので、指定自体は間違ってないと思うのですが。。

    お手数ですが、もう少し詳しく説明していただけると幸いです。

    ドメイン名の後に#a1だったので、変だなぁと思ったので、確認でした。

    確認の順番としては、まず、テーマをデフォルトにして、プラグインを外しても同じ現象が起こるかどうかチェックするのがよいと思います。

    稼働中で難しいようだったら、ローカルで同じ環境を作ってテストするとか、場合によってはページを表示してソースを別ファイルにして、それを読み込ませてみるとか、JavaScript を無効にしてみるとか(Chrome、Firefox、IEで微妙に違いがあります)でしょうか。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • トピック「別ページからのアンカーリンクがずれる」には新たに返信することはできません。