ds-smooth-scroll ( Don't Need jQuery )

ds-smooth-scroll.jsは、jQueryを必要としないスムーススクロール機能のライブラリです。

• Target browser : IE9+

Install

npm i ds-smooth-scroll -S

Import

import DsSmoothScroll from 'ds-smooth-scroll';

Constructor

new DsSmoothScroll(element [, option]);

|Argument|Data type|Default|Descroption| |:-------|:--------|:------|:----------| |speed|Number|800|スクロールスピードを指定できます。| |easing|String|"linear"|下記からイージングを指定できます。"linear""easeInCubic""easeOutCubic""easeInOutCubic""easeInQuart""easeOutQuart""easeInOutQuart""easeInQuint""easeOutQuint""easeInOutQuint"| |posFix|Number|0|ヘッダー分のマイナス値を指定できます。| |ignore|String|-|イベントを除外する要素を指定できます。| |blank|Boolean|false|ページ遷移ありのアンカーリンク。| |customAnchor|String|"#/"|blank: trueの時有効 "?anchor="、"?id=" などを指定します。|

Method

|Method|Argument|Descroption| |:-------|:--------|:------| |SmoothScroll( Number )|-|引数に指定した位置にスクロールします。| |ScrollEnd = function(){};|-|スクロール完了後に実行されます。|

Demo

https://dsflon.github.io/ds-smooth-scroll/

import DsSmoothScroll from 'ds-smooth-scroll';

let dsScroll = new DsSmoothScroll(
    "a",
    {
        easing: "easeOutQuint",
        ignore: ".ignore",
        posFix: 60,
        blank: true,
    }
);

dsScroll.ScrollEnd = function(){
    console.log("ScrollEnd")
};