Javascript

【Javascript】jQueryを使用しない軽量のトップアニメーションskrollTop

March 11, 2018
skrollTop.js

skrollTop.jsはjQueryを使用しない軽量のトップアニメーション。

Usage

基本的な使用法

skrollTop.scrollTo({
    to: 800
});

すべてのパラメータを含む例

skrollTop.scrollTo({
    element: window,
    to: 800,
    easing: window.easings.easeOutBounce,
    duration: 600,
    callback: function() {
       console.log("finished!");
    }
});

Stop animation at any moment

アニメーションを停止するには、次の関数を呼び出します。

skrollTop.stop();

Using easing effects

skrollTop.scrollTo({
   element: window,
   to: 800,
   easing: window.easings.easeOutBounce // <-- here
});

MIT