如何动画滚动向下/向上事件？

问题描述：

如何动画向下滚动/向上在JQuery中像这样的网站：union.co 如何动画滚动向下/向上事件？

，防止

我用这个代码的几个动画/事件，但它只能第一次：

var lastScrollTop = 0; 
$(window).scroll(function (event) { 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop) { 
     $(window).scrollTop("#div1"); 
    } else { 
     $(window).scrollTop("#div0"); 
    } 
    lastScrollTop = st; 
});

您可以使用[fullPage.js]（http://alvarotrigo.com/fullPage/）插件轻松实现。 – Alvaro 2014-10-29 17:01:50

答

也许部分会有所帮助：

var i; 
$(window).scroll(function (event) { 
    $('html, body').animate({ scrollTop: $('#myid1').offset().top }, 500); 
    i++ 
});

找到如何在每个“屏幕”中使用id中的变量和名称id。

答

有很多插件可以用来实现你正在寻找的东西。在使用我自己的插件之前，我曾经使用onepage-scroll。

在您给出的site作为示例中，他们使用bxslider，这是一个响应式jQuery内容滑块。它并不完全符合你的要求。它只是一个内容滑块。您必须添加更多的几行才能够逐页滚动。

由Alvaro提出的fullPage.js插件也是一个很好的插件。此外，它支持窗口重新调整。

选择一个插件。文件非常清楚。如果您遇到任何问题，请告诉我。我很乐意提供帮助。

希望它有用！

如何动画滚动向下/向上事件？

相关推荐