防止滚动时的负动画值

.container {
  overflow: hidden; /* 或者 overflow: scroll; */
}

const container = document.querySelector('.container');

container.addEventListener('wheel', (event) => {
  const maxScrollTop = container.scrollHeight - container.clientHeight;
  const currentScrollTop = container.scrollTop;

  if ((event.deltaY > 0 && currentScrollTop >= maxScrollTop) || (event.deltaY < 0 && currentScrollTop <= 0)) {
    event.preventDefault();
  }
});

.container {
  touch-action: none;
}

.container {
  position: relative;
}

.content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

npm install scroll-behavior smoothscroll-polyfill

import { scrollBehavior } from 'scroll-behavior';
import smoothscroll from 'smoothscroll-polyfill';

smoothscroll.polyfill();

const container = document.querySelector('.container');
container.style.scrollBehavior = 'smooth';