目次
今回の問題は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とスマホに対応は出来る。
以上
コメント