12345678910111213141516171819202122232425262728293031 |
- import raf from "rc-util/es/raf";
- import { easeInOutCubic } from './easings';
- import getScroll, { isWindow } from './getScroll';
- export default function scrollTo(y, options = {}) {
- const {
- getContainer = () => window,
- callback,
- duration = 450
- } = options;
- const container = getContainer();
- const scrollTop = getScroll(container);
- const startTime = Date.now();
- const frameFunc = () => {
- const timestamp = Date.now();
- const time = timestamp - startTime;
- const nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);
- if (isWindow(container)) {
- container.scrollTo(window.pageXOffset, nextScrollTop);
- } else if (container instanceof Document || container.constructor.name === 'HTMLDocument') {
- container.documentElement.scrollTop = nextScrollTop;
- } else {
- container.scrollTop = nextScrollTop;
- }
- if (time < duration) {
- raf(frameFunc);
- } else if (typeof callback === 'function') {
- callback();
- }
- };
- raf(frameFunc);
- }
|