js 实现滚屏动画

// HTML
<button onclick="scrollToTop()">回到顶部</button>

// CSS
#scrollButton {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none; /* 默认隐藏 */
}

// JavaScript
function scrollToTop() {
  window.scrollTo({
    top: 0,
    behavior: 'smooth' // 平滑滚动
  });
}

// 显示或隐藏回到顶部按钮
window.addEventListener('scroll', function() {
  const button = document.getElementById('scrollButton');
  if (window.pageYOffset > 300) {
    button.style.display = 'block';
  } else {
    button.style.display = 'none';
  }
});

let isScrolling;

window.addEventListener('scroll', function() {
  window.clearTimeout(isScrolling);

  isScrolling = setTimeout(function() {
    // 执行滚动相关的操作
  }, 66); // 大约每秒15帧
});