先日Jimdoでホームページを作成していたときに困った問題について…
同ページへのアンカーリンクと別ページへのアンカーリンクの設定をしていた時です
nameではなくidなのだとか・・・
いちおう以下で指定してみたのだけど
<a id=”anchor1″ name=”anchor1″>アンカーリンク元1</a>
<a id=”anchor2″ name=”anchor2″>アンカーリンク元2</a>
<a href=”url#anchor1″>(urlのページの)アンカーリンク先1はこちら</a>
<a href=”url#anchor2″>(urlのページの)アンカーリンク先2はこちら</a>
ひとつ、ふたつまではちゃんとリンク先に飛ぶのに、3つ目、4つ目はページの下部まで飛んでしまうという現象に当たりました
どうもFirefoxだけの問題のようで、IEやクロムで見ると問題無くリンク先に飛びました
で、『Firefox アンカーリンクがずれる』で調べると、質問とそれに対する解決方法がたくさん出てきました
やはりFiewfoxだけ、1つ目、2つ目まではちゃんと指定の場所に飛ぶけれど、3つ目あたりからページの下部に飛んでしまうという現象が…
簡単な解決法は一通りためしてみました
文字をいれたくなかったので
<a id=”anchor1″ name=”anchor1″></a>で指定していたら、それはダメという意見もありました
<a name=”anchor1″ id=”anchor1″></a>で指定しても、文字を入れても解決しませんでしたが…
ヘッダーのサイズが関係しているとかいうのもありました
それに伴う難しそうな解決方法も載っていました
</head>の前に長ったらしい記号を入れる方法や、前ページのcssに追加をする方法など…
2010年くらいから同じ質問があるということは、Firefoxのこの問題の根本的なこれという解決方法が無いように思います
できるだけ新しい情報を選択してみましたが、私には難解でそこまで出来ませんでした
で、躍起になって調べて調べて、結局解決できずに一旦その問題は諦めてしまいました
その後、この問題のページの情報が多くなりすぎているので、すっきりさせたい!と思いまして、別にページを作り、ある部分だけをごっそりそちらに移動させました
つまり、問題のページが短くなったということ…
そうしたらアンカーリンクも全然問題無く飛ぶようになりました
一番簡単な解決方法は、ページを短くする方法でした
ただ同じJimdoで以前に作成しているモノでは、もっと長いページにアンカーリンクを10個以上貼っています(今のレスポンシブデザイン)
⇒サロンバスケットの教室・サロン紹介ページ
こちらではFirefoxでも問題なかったので、選んだデザインに寄るのかも知れません
Jimdoではもう随分前からヘッダーの概念はありませんので…
また様々な質問も別にJimdoだけの問題でもありませんでしたので…
よく分かりませんが問題が出るデザインとそうでないデザインがあるのは確かです
あれこれ試して解決しないときは、ページを短くするのが一番早いと思います
こんな解決方法でごめんなさい
自分のための覚え書きとしてここに載せておきます
スポンサーリンク
ピンバック: 直接面談やスカイプ指導で気付いたブラウザのこと | 小さな起業とネット集客サイト