Javascript

【Javascript】要素または位置にアニメーションスクロールscrollTo

August 25, 2016
scrollTo

ScrollToは、アニメーションの動きにページ上の指定された要素または位置にスクロールします。

Usage

import scrollTo from "DEGJS/scrollTo";

/* Scroll to an element with a 1-second, eased-in animation */
let destinationElement = document.querySelector('.some-element');
scrollTo({
    element: destinationElement,
    duration: 1000,
    easing: 'easeIn'
});

Parameters

options

Type: Object

options.element

Type: Element

options.position

Type: Number

options.duration

Type: Number Default: 500

options.easing

Type: String Default: easeOut