Question

这个页面如何在两个div之间完成（引导滚动？）技术，只需在滚动键盘上轻轻一点就可以将你带到下一个元素？

http://sourcing.alibaba.com/buyermarket/buyer_market_home.htm?tracelog=alihomelink

Answer 1

如果你想要一个图书馆，我建议fullPage.js。我在最近的一个项目中使用它，它甚至没有麻烦。

Answer 2

有许多方法可以实现这一目标。其中一个是jQuery Mousewheel。

以下是一个简单的示例：

$('#my_elem').on('mousewheel', function(event) {
console.log(event.deltaX, event.deltaY, event.deltaFactor);
});

// using the event helper
$('#my_elem').mousewheel(function(event) {
console.log(event.deltaX, event.deltaY, event.deltaFactor);
});

请参阅此处的工作示例：http://jsfiddle.net/DgmWs/5/

Answer 3

没有检查他们正在使用什么库，因为他们更可能使用jquery或dojo中的函数为他们执行此操作，但是在纯js和dom intereaction方面。他们正在做这样的事情

window.onscroll = function (oEvent) {
    // called when the window is scrolled.
    var el = document.getElementById('#someid');//could be selecting the element by class or other means
    el.scrollIntoView(true);
}

有关详细信息，请参阅文档：

在网页上引导滚动

3 个答案: