Javascript 如何设置向下/向上滚动事件的动画？

如何在JQuery中设置向下/向上滚动动画，如以下站点：

并防止多个动画/事件

我使用了此代码，但它只在第一次使用时起作用：

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

---

也许这其中的一部分会有所帮助：

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

---

了解如何在id中使用变量，在每个“屏幕”中使用名称id。

有许多插件可用于实现所需功能。在使用我自己的插件之前，我曾经使用过

在您给出的示例中，他们使用的是响应式jQuery内容滑块。它不能完全满足你的要求。它只是一个内容滑块。您必须再添加一些行才能按页面滚动

提出的插件也是一个很好的插件。此外，它还支持窗口重定尺寸

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

---

希望有用

您可以通过使用插件轻松实现这一点。