regepanのはてなブログ

個人的なメモ帳レベルの文章。

Smooth scroll - Animating links to other pages.

改めてぐぐってみるとありそうで全然無かった。
もっとライブラリが巷に溢れてるような気がしたんだけど。
結論からいうとこのライブラリを使っておけばいくつかの問題が無難に解決された。

github.com

  • アンカーリンク移動先のポジションオフセット調整機能
  • ページ遷移後の自動スクロール機能。

面倒そうなのは↑この2つだろうか。
もう1つ面倒事がある。画像が読み込まれた後に画像の高さが変わる件
これでアンカーリンクの位置が変わるので、ずれる問題がある
この問題に関しては、画像読み込み後にsmooth scrollを実行するようにすれば良い。

    $(function() {
        $(window).load(function () {
            smoothScroll.init();
        });
    });


JSガール Vol.34 2016年 10月号 [雑誌]

JSガール Vol.34 2016年 10月号 [雑誌]

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

確かな力が身につくJavaScript「超」入門 (確かな力が身につく「超」入門シリーズ)

JavaScript 入門

JavaScript 入門