![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
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件)
- 最新から表示
- 回答順に表示
No.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>
これならいけますか?
あとは少しずつ拡張してだめなところ探してみてください
ありがとうございます。試してみましたら、
snapの中にbxsliderを使用していて、トップにもbxsliderを使っていました。
そのトップにあるbxsliderを消してみたところ動きました。
ますますよくわからなくなってしまいました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBAでの素数の求め方
-
css リンクの色が全部変わって...
-
cnt <= (others => '0'); の意...
-
ASP.NETでプレーンなページに文...
-
1行内に『左寄せ/センタリン...
-
【Ruby】改行挿入 文字列操作
-
初歩的ですが・・・
-
質問です。 新規登録ボタンが全...
-
HP作成に於いて、スマホでのサ...
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
番号付きリスト(<Ol><Li>・・...
-
改行ほどは行かないけど、若干...
-
smallにtext-allignが効かない
-
<ul>~</ul>が二つ続くと間に改...
-
スタイルシートで文字色を指定...
-
サイトにjQueryが使用されてい...
-
【ヒトの神秘】美男美女から何...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
cnt <= (others => '0'); の意...
-
pythonでのカーソル移動がずれる
-
Excel VBAでのIE操作でクリック...
-
質問です。 新規登録ボタンが全...
-
safariで見るとページ上部に余...
-
VBAでの素数の求め方
-
vbaでieを操作しようとしていま...
-
CSSで、何故か、「float」が上...
-
css リンクの色が全部変わって...
-
SEO 検索エンジンについて
-
Ajaxで文字列を表示したいです。
-
初歩的ですが・・・
-
DIVの入れ子で、FireFoxだとレ...
-
CSSセクレター 子孫のみに適用...
-
最初の文字後ろのスペースを大...
-
RubyのHTMLパーサーで複数のタ...
-
検索結果がツリー状に表示され...
-
ワードプレスで何度消しても空...
-
IEとFireFoxの表示の違いで悩ん...
おすすめ情報