使用鼠标滚轮和DOMMouseScroll滚动到特定元素

Question

我尝试使用Chrome中的mousewheel事件和firefox中的DOMMouseScroll事件垂直滚动div。它在firefox中运行良好，但在chrome中，它在第一个滚动步骤后卡住了。这是我的代码，向下滚动我用来向上滚动反转标记的相同内容。

$(window).bind('mousewheel DOMMouseScroll', function(event){

    if (event.originalEvent.wheelDelta < 0 || event.originalEvent.detail > 0 && $('body,html').scrollTop() == $('#ctverec1').offsetTop )
    {
          $('body,html').animate({scrollTop: $('#ctverec2').offsetTop},400 );
    }

    else if (event.originalEvent.wheelDelta < 0 || event.originalEvent.detail > 0 && $('body,html').scrollTop() == $('#ctverec2').offsetTop)
    {
          $('body,html').animate({scrollTop: $('#ctverec3').offsetTop},400 );                    
    }

   return false; 

});