Question

如何在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;
});

Answer 1

可能有一部分会有所帮助：

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

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

Answer 2

您可以使用许多插件来实现您的目标。在使用我自己的插件之前，我曾经使用过onepage-scroll。

在您提供的site中，他们使用bxslider，一个响应式jQuery内容滑块。它并不完全符合您的要求。它只是一个内容滑块。您必须添加更多行才能按页面滚动。

fullPage.js提出的Alvaro插件也是一个非常好的插件。此外，它支持窗口重新定位。

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

希望它有用！

如何动画向下滚动/向上活动？

2 个答案: