別ページへのアンカーリンクについて

  • 解決済 writer_ym

    (@writer_ym)


    12年、 9ヶ月前

    WordPressでWEBサイトを制作しています。
    TOPページから別ページの指定の箇所に飛ぶ
    アンカーリンクを貼っているのですが、
    なぜかSafari（ver5）だけアンカーの箇所に飛んでくれません。

    リンク元は　＜a href=”ファイル名#id名”＞ ＜/a＞
    リンク先は　<div id=”id名”></div>

    のように指定しています。

    IE、Firefox、Chromeは正しく動作するのですが。。。

    なお、同一ページ内のアンカーリンクはSafariでも正しく動作します。

    また、Wordpressでなく、通常のhtmlで同様のアンカーリンクを
    作った場合は、Safariでも正しくジャンプします。

    どこらへんに原因があるのか、お教えいただけますでしょうか。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • galoi

    (@galoi)

    12年、 1ヶ月前

    原因は分かりませんでしたが、
    リンク元は　＜a href=”ファイル名#id名”＞…＜/a＞
    を
    リンク元は　＜a href=”絶対パス（ファイル名を用いない）/#id名”＞…＜/a＞
    にすると、アンカーの箇所に飛びます。

    一応、具体例で書き直すと、

    ＜a href=”index.php#id”＞…＜/a＞
    を
    ＜a href=”http://www.test.jp/sample/#id”＞…＜/a＞

    のように修正すればうまくいくかと思います。

    トピック投稿者 writer_ym

    (@writer_ym)

    12年、 1ヶ月前

    galoi 様

    修正点のご指摘ありがとうございました。

    実は解決していたのですがトピックを未解決のまま放置しておりました。
    申し訳ありません。

    単純にWordpressのパーマリンク設定を「数字ベース」に変更すれば
    問題が解決ました。
    「日付と投稿名」「月と投稿名」の状態では
    Safari以外のブラウザではアンカーに飛びますが、
    Safariでは飛んだ瞬間に「#以下」が消えてしまい、
    ページのTOPにリンクしてしまうようです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「別ページへのアンカーリンクについて」には新たに返信することはできません。