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ランキング
-
ASP.NETでプレーンなページに文...
-
Ajaxで文字列を表示したいです。
-
Excel VBAでのIE操作でクリック...
-
HP作成に於いて、スマホでのサ...
-
VBAでの素数の求め方
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
html/cssの、navを2段にする...
-
HTML属性での「""」 「''」違い
-
CSS、width100%でもできる余白
-
カラープレーンってなんですか?
-
css 横並びのナビゲーションバ...
-
<h1>、<h2>と<p><div>の行間を...
-
インラインフレーム内の表示位...
-
<table>の高さ固定。情報増加時...
-
番号付きリスト(<Ol><Li>・・...
-
配列の要素をまとめて比較したい
-
HTMLタグのDL DT DDを使ってli...
-
html <li>の中の文字一部に色を...
-
htmlの<ol>タグで、数字などを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ASP.NETでプレーンなページに文...
-
pythonでのカーソル移動がずれる
-
cnt <= (others => '0'); の意...
-
Excel VBAでのIE操作でクリック...
-
検索結果がツリー状に表示され...
-
VBAでの素数の求め方
-
秀丸で複数行コメントアウトを...
-
質問です。 新規登録ボタンが全...
-
chromedriverのver-upで動作不...
-
safariで見るとページ上部に余...
-
Firefoxで別ページのアンカーリ...
-
行頭から全角で3文字位さげた...
-
プログラマーの方に質問です。 ...
-
背景が動くWEBページの作り方に...
-
css リンクの色が全部変わって...
-
Ajaxで文字列を表示したいです。
-
同じIE8なのに機種によってmarg...
-
携帯サイトの背景色
-
VBA : QueryTableでのスクレイ...
-
htmlの文字が縦書きになる
おすすめ情報