js 随窗口滚动

// 获取按钮元素
const backToTopButton = document.getElementById('back-to-top-button');

// 当用户滚动页面时触发的函数
function scrollFunction() {
  // 如果页面向下滚动超过20px，显示按钮
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    backToTopButton.style.display = 'block';
  } else {
    // 否则隐藏按钮
    backToTopButton.style.display = 'none';
  }
}

// 给window对象添加滚动事件监听器
window.addEventListener('scroll', scrollFunction);

// 当用户点击按钮时，平滑滚动到顶部
backToTopButton.addEventListener('click', function() {
  window.scrollTo({ top: 0, behavior: 'smooth' });
});

// 节流函数
function throttle(func, limit) {
  let inThrottle;
  return function() {
    const args = arguments;
    const context = this;
    if (!inThrottle) {
      func.apply(context, args);
      inThrottle = true;
      setTimeout(() => inThrottle = false, limit);
    }
  }
}

// 使用节流函数优化滚动事件处理
window.addEventListener('scroll', throttle(scrollFunction, 200));