2013-10-12 57 views

回答

2

在此示例中,頁面使用鼠標滾輪進行操作。您可能需要添加滾動條的支持,以及鍵盤UO /下箭頭等,這是從Vaibs_Cool

$(document.body).on('DOMMouseScroll mousewheel', function (e) { 
     if (e.originalEvent.detail > 0 || e.originalEvent.wheelDelta < 0) { 
      dir = 'down'; 
     } else { 
      dir = 'up'; 
     } 
     // find currently visible div : 
     div = -1; 
     divs.each(function(i){ 
      if (div<0 && ($(this).offset().top >= $(window).scrollTop())) { 
       div = i; 
      } 
     }); 
     if (dir == 'up' && div > 0) { 
      div--; 
     } 
     if (dir == 'down' && div < divs.length) { 
      div++; 
     } 
     //console.log(div, dir, divs.length); 
     $('html,body').stop().animate({ 
      scrollTop: divs.eq(div).offset().top 
     }, 200); 
     return false; 
    }); 

http://jsfiddle.net/vaibviad/JqU2T/8/

http://jsfiddle.net/vaibviad/JqU2T/8/embedded/result/

相關問題