javascript - アンカーポイントでスクロール方向を変更

Question

私のサイトでは、各 div がブラウザー ウィンドウと同じ高さと幅である 6 つの div があるため、5 つが表示されず、3 つが左揃えになり、さらに 3 つが上に表示されます。

私の訪問者がスクロールするとき、id は 3 番目の div までスクロールし、次に 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();
});

デモ