@fpxfd/next/lib/anchor/scrollTo.js

A configurable component library for web built on React.

'use strict';

exports.__esModule = true;
exports.default = scrollTo;

var _raf = require('raf');

var _raf2 = _interopRequireDefault(_raf);

var _easings = require('./easings');

var _getScroll = require('./getScroll');

var _getScroll2 = _interopRequireDefault(_getScroll);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function scrollTo(y, options) {
    var _options$getContainer = options.getContainer,
        getContainer = _options$getContainer === undefined ? function () {
        return window;
    } : _options$getContainer,
        callback = options.callback,
        _options$duration = options.duration,
        duration = _options$duration === undefined ? 450 : _options$duration;

    var container = getContainer();
    var scrollTop = (0, _getScroll2.default)(container, true);
    var startTime = Date.now();

    var frameFunc = function frameFunc() {
        var timestamp = Date.now();
        var time = timestamp - startTime;
        var nextScrollTop = (0, _easings.easeInOutCubic)(time > duration ? duration : time, scrollTop, y, duration);
        if ((0, _getScroll.isWindow)(container)) {
            container.scrollTo(window.pageXOffset, nextScrollTop);
        } else if (container instanceof HTMLDocument || container.constructor.name === 'HTMLDocument') {
            container.documentElement.scrollTop = nextScrollTop;
        } else {
            container.scrollTop = nextScrollTop;
        }
        if (time < duration) {
            (0, _raf2.default)(frameFunc);
        } else if (typeof callback === 'function') {
            callback();
        }
    };
    (0, _raf2.default)(frameFunc);
}
module.exports = exports['default'];