在锚点更改滚动方向

在我的网站上我有6个div，每个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(); }); 

演示