js滚动条滚动事件

// 监听窗口的滚动事件
window.addEventListener('scroll', function() {
  // 获取滚动位置
  const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
  console.log('当前滚动位置:', scrollTop);
});

// 节流函数
function throttle(func, wait) {
  let timeout = null;
  return function() {
    if (!timeout) {
      timeout = setTimeout(() => {
        func.apply(this, arguments);
        timeout = null;
      }, wait);
    }
  };
}

// 使用节流函数优化滚动事件处理
window.addEventListener('scroll', throttle(function() {
  const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
  console.log('当前滚动位置（节流后）:', scrollTop);
}, 200)); // 每200毫秒最多执行一次

document.addEventListener('DOMContentLoaded', function() {
  const scrollableElement = document.getElementById('scrollable-element');
  scrollableElement.addEventListener('scroll', function() {
    console.log('元素滚动位置:', scrollableElement.scrollTop);
  });
});