レスポンシブウェブデザインでのサイト作成中に、今回僕がハマったことの備忘録です。 「position:fixedでアンカーリンクがずれる」といった似たような問題と解決策の記事はたくさんあったのですが、僕のケースではそれだけでは解決しなかったので、同じような問題でハマって困ってる方の参考になれればいいなと思います。 ▼とっととデモ見せやがれっていう方はこちら ページの途中から固定ナビゲーションへ切り替えた時にページ内リンクがずれる問題を解決したデモ やりたかったこと 1ページ完結のサイト構成PC、タブレット、スマホでヘッダー(ロゴ)の高さが変わる指定した距離をスクロールすると、上部に固定するナビゲーションを表示(ロゴは消える)ナビゲーションをクリック(タップ)すると、同じページ内の指定した場所へアンカーリンクぶつかった問題点 スクロールする前(サイトが表示されたばかりの状態)でのアンカーリン
![ページの途中から固定ナビゲーションへ切り替えた時にページ内リンクがずれる問題を解決した話](https://cdn-ak-scissors.b.st-hatena.com/image/square/f1842a23be7668c71f682b5765d7fd20bfd34330/height=288;version=1;width=512/https%3A%2F%2Fwww.yumemono.net%2Fwp-content%2Fuploads%2F2016%2F03%2Fanchor_shifted.png)