.scroll-container {
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.scroll-container::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Opera */
}

$(function() {
  // 初始化容器
  var $container = $('.scroll-container');
  var $content = $container.find('.scroll-content');
  
  // 隐藏原生滚动条
  $container.css({
    'overflow': 'hidden',
    'position': 'relative'
  });
  
  // 添加鼠标滚轮事件
  $container.on('mousewheel DOMMouseScroll', function(e) {
    e.preventDefault();
    var delta = e.originalEvent.wheelDelta || -e.originalEvent.detail;
    $container.scrollTop($container.scrollTop() - delta);
  });
  
  // 添加触摸事件支持
  var startY;
  $container.on('touchstart', function(e) {
    startY = e.originalEvent.touches[0].pageY;
  });
  
  $container.on('touchmove', function(e) {
    e.preventDefault();
    var y = e.originalEvent.touches[0].pageY;
    var delta = startY - y;
    $container.scrollTop($container.scrollTop() + delta);
    startY = y;
  });
});

function smoothScroll(element, target, duration) {
  var start = element.scrollTop,
      change = target - start,
      startTime = performance.now();
  
  function animateScroll(currentTime) {
    var elapsed = currentTime - startTime;
    var progress = Math.min(elapsed / duration, 1);
    element.scrollTop = start + change * progress;
    if (progress < 1) {
      requestAnimationFrame(animateScroll);
    }
  }
  
  requestAnimationFrame(animateScroll);
}

.scroll-container {
  max-height: 300px;
  overflow: hidden;
}