.container {
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: 100vh;
}

.section {
  scroll-snap-align: start;
  height: 100vh;
}

$(function() {
  var $window = $(window);
  var $sections = $('.section');
  var currentIndex = 0;
  var isScrolling = false;
  
  $window.on('scroll', function() {
    if (isScrolling) return;
    
    var scrollTop = $window.scrollTop();
    var windowHeight = $window.height();
    
    // 确定当前最接近的section
    $sections.each(function(index) {
      var $section = $(this);
      var sectionTop = $section.offset().top;
      var sectionBottom = sectionTop + $section.outerHeight();
      
      if (scrollTop >= sectionTop - windowHeight/2 && scrollTop < sectionBottom - windowHeight/2) {
        currentIndex = index;
        return false; // 退出循环
      }
    });
  });
  
  $window.on('wheel', function(e) {
    if (isScrolling) return false;
    
    var delta = e.originalEvent.deltaY;
    if (delta > 0 && currentIndex < $sections.length - 1) {
      // 向下滚动
      scrollToSection(currentIndex + 1);
    } else if (delta < 0 && currentIndex > 0) {
      // 向上滚动
      scrollToSection(currentIndex - 1);
    }
    
    return false;
  });
  
  function scrollToSection(index) {
    isScrolling = true;
    currentIndex = index;
    
    $('html, body').animate({
      scrollTop: $sections.eq(index).offset().top
    }, 500, function() {
      isScrolling = false;
    });
  }
});