angular- 动画垂直滚动到页面指定位置

animate.js

/**
 * 动画垂直滚动到页面指定位置
 * @param { Number } currentY 当前位置
 * @param { Number } targetY 目标位置
 */
function scrollAnimation(currentY, targetY, dom) {
    // 获取当前位置方法
    // const currentY = document.documentElement.scrollTop || document.body.scrollTop
    // 计算需要移动的距离
    let needScrollTop = targetY - currentY
    let _currentY = currentY
    setTimeout(() => {
        // 一次调用滑动帧数，每次调用会不一样
        const dist = Math.ceil(needScrollTop / 10)
        _currentY += dist
        dom.scrollTo(_currentY, currentY)
        // 如果移动幅度小于十个像素，直接移动，否则递归调用，实现动画效果
        if (needScrollTop > 10 || needScrollTop < -10) {
            scrollAnimation(_currentY, targetY, dom)
        } else {
            dom.scrollTo(_currentY, targetY)
        }
    }, 1)
}
module.exports = {
    scrollAnimation
}

应用

import { scrollAnimation } from 'animate.js';

if (dom) {
     const currentY = dom.scrollTop;
     scrollAnimation(currentY, 0, dom);
 }