Pure JavaScript でスムーススクロール

nbeppu 108views 更新:2015年5月26日
aipo.message.scrollTo = function(element, to, duration) {
      if (duration < 0) return;
      var difference = to - element.scrollTop;
      var perTick = difference / duration * 10;

      setTimeout(function() {
        element.scrollTop = element.scrollTop + perTick;
        if (element.scrollTop == to) return;
        aipo.message.scrollTo(element, to, duration - 10);
      }, 10);
}

使い方

aipo.message.scrollTo(<<スクロール要素>>, <<移動するスクロール位置>>, <<時間>>);

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません