class="id" でターゲット地点の下に移動する

解決済 suwa susami
(@suwa-susami)

8年、 4ヶ月前

テーマ「twentytwelve」を使用しているのですが、＜a href=”#”>＜/a＞と例えば＜h3 class=”id”＞見出し＜/div＞を用いてページ内に移動させようとしたときに、移動後の地点が見出しの下で見出しが見えないという問題が生じています。

この問題は以前から生じていたのですが、今日になってこれがブラウザではなくワードプレスの問題だと気付きました。

class=”id” のサンプルである http://www.tagindex.com/html_tag/link/a_id_example.html で移動したときには Opera でも Firefox でもきちんと移動したのですが、このページのソースをコピーして作ったワードプレスのページでは、移動後の地点が見出しの下だったのです。

4件の返信を表示中 - 1 - 4件目 (全4件中)

천궁 메텔
(@digitmaetel)

8年、 4ヶ月前

class=”id”ではなくて、id=”（アンカー名）”ですよね。

WordPressでも問題はありませんでしたよ。
ページ内ジャンプ（ページ内リンク）の作成手順と具体的な使用例

トピック投稿者 suwa susami
(@suwa-susami)

8年、 4ヶ月前

>class=”id”ではなくて、id=”（アンカー名）”ですよね。
そうです。
class=”id” は見出しの下に移動するのに対処するために自分で作ったやつでした。

>WordPressでも問題はありませんでしたよ。
試験用のワードプレスサイトで試したところ、twentyfiteen ならちゃんと見出しが表示されましたが、twentytwelve だと見出しの下に移動しました。 twentytwelve に特有の問題かもしれません。

http://braglog.wpblog.jp/test-2/ で試してみれくれませんか？テーマを twentytwelve にしたページです。

モデレーター Daisuke Takahashi
(@extendwings)

8年、 4ヶ月前

http://braglog.wpblog.jp/test-2/ でも普通に動作しているようです。
ログインしていて、管理バー(Admin bar)が表示されている状態なのであれば、また違うのかもしれませんが、普通のサイト訪問者には見えないものなので。

トピック投稿者 suwa susami
(@suwa-susami)

8年、 4ヶ月前

>>Daisuke Takahashi さん
たしかにログアウトした状態だと正常に表示されました。ログイン状態のときでのみ起こる現象であるようです。ありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「class="id" でターゲット地点の下に移動する」には新たに返信することはできません。

トピックタグ

表示