react 实现平滑过度

最新推荐文章于 2024-09-01 07:39:13 发布

bug你好

最新推荐文章于 2024-09-01 07:39:13 发布

阅读量315

点赞数

文章标签：平滑滚动 polyfill JavaScript 前端开发浏览器兼容

本文链接：https://blog.csdn.net/zw19940808/article/details/120039525

版权

官网有用例： http://iamdustan.com/smoothscroll/

# npm

npm install smoothscroll-polyfill --save

# yarn

yarn add smoothscroll-polyfill

import smoothscroll from 'smoothscroll-polyfill';
smoothscroll.polyfill();

// 处理平滑移动
  const handleMove = (direction, distance) => {
    refDateBox.current.scrollBy({
      top: 0,
      [direction]: distance,
      behavior: 'smooth',
    });
  };