在錨點上更改滾動方向

Question

我的網站上有6個div，每個div的瀏覽器窗口的高度和寬度相同，因此5個視圖，3個左對齊，3個頂部，因此....

當我的訪問者滾動，ID喜歡一起到第三格滾動，然後向上滾動到第4位，然後繼續水平滾動。這可能與jQuery，如果是的話，它是如何做到的？

Answer 1

看看這個。它允許你在不同的方向滾動，併成立了 「幻燈片」 像上面

http://joelb.me/scrollpath/

Answer 2

簡單（也許有用）和不完美：

var win = $(window), 
    doc = $(document), 
    bodyH = doc.height() - win.height(), 
    page4 = $('#page4'); 

win.scrollTop(bodyH); 


$(document).on('DOMMouseScroll mousewheel', function(e, delta) { 
    delta = delta || -e.originalEvent.detail/3 || e.originalEvent.wheelDelta/120; 

    if(delta < 0) { 
     if(win.scrollLeft() > page4.offset().left && win.scrollTop() !== 0) { 
      win.scrollTop(win.scrollTop() + delta * 30); 
     } else { 
      win.scrollLeft(win.scrollLeft() - delta * 30); 
     } 
    } else { 
     if(win.scrollLeft() < page4.offset().left && (win.scrollTop() > 0 || win.scrollTop() === 0) && win.scrollTop() !== bodyH) { 
      win.scrollTop(win.scrollTop() + delta * 30); 
     } else { 
      win.scrollLeft(win.scrollLeft() - delta * 30); 
     } 
    } 

    e.preventDefault(); 
}); 

demo