ページ内リンクで、PCとスマホで飛ばないときは、ID以外を使う。

目次

今回の問題はPC用とスマホ用を非表示で対応させた時
ページ内リンクが片方にしか適応されなかった。

答えから言うと
IDは同じページ内で1度しか使えないため 2回目に出たIDに飛ばなかった。て人用のメモ。
じゃぁ どうするか? ID以外を使えば良い。

今回はnemeを使おうと思う IDの代わりにnameを指定した。アンカーである。

通常はページ内リンクIDで指定して終わる。

とりあえず、リンクで飛ぶ先をdivでもなんでもいいのでID指定する。

<div id="title1"></div>

続いてaタグでリンクを作る

空欄へジャンプ
<a href="#title1">空欄へジャンプ</a>

次に同じ事をnameでやる。

<a name="title"></a>
空欄へジャンプ
<a href="#title">空欄へジャンプ</a>

これは飛んだ、IDを使わなくてもnameで出来る。非推奨なので辞めた方がいいが仕方ない。
swellに入ってる、追従のスクロールも消える。
これで、1つのグローバルメニューでもPCとスマホに対応は出来る。

以上

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


目次