プロが教えるわが家の防犯対策術!

Firefoxで別ページのアンカーリンクが効きません。飛んだ先の一番下が表示されます。WordPress4.4.5を使っていて、パーマリンクはカスタム構造で「/%category%/%post_id%/」としています。その他のブラウザは問題ありませんでした。
サイトで検索をしますといろいろでてきて試したのですがどれもだめでした。
わかる方はいらっしゃいますでしょうか?

現状
<div id="snap">ここに飛ばしたい</div>
<a href="<?php bloginfo('url'); ?>/#snap">アンカーリンク</a>

試したことは、
①name=""をつける
②</head>直前に下記を加える
<script language=JavaScript>
function now() {
window.location.reload(true);
}
</script>
③marginを指定したい要素を、divで囲って、divにidをふる
<div id=#linktarget">
<h2>ここに飛ばしたいコンテンツ</h2>
④「cssで@importを使っていると不調になる」とありましたが、こちらは使っておりません。

宜しくお願いします。

A 回答 (1件)

簡単な例から初めてみれば?



//x.htm
<a href="y.htm#snap">snap</a>

//y.htm
<div style="height:1000px;background-Color:lime">dummy</div>
<div id="snap">snap</div>
<div style="height:1000px;background-Color:aqua">dummy</div>

これならいけますか?
あとは少しずつ拡張してだめなところ探してみてください
    • good
    • 0
この回答へのお礼

ありがとうございます。試してみましたら、
snapの中にbxsliderを使用していて、トップにもbxsliderを使っていました。
そのトップにあるbxsliderを消してみたところ動きました。
ますますよくわからなくなってしまいました。

お礼日時:2016/11/18 17:10

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!