javascript - 在任一方向平滑滚动文档

Question

当用户尝试在页面上滚动时，我使用以下功能将文档滚动到特定点。为此，我使用了以下代码：

$(window).scroll(function(){
    if ($(this).scrollTop() > 100) {
        $("html, body").animate({scrollTop: 700}, 500);
        return false;
    }
});

我想知道是否有鼠标滚轮动作的事件监听器。使用它时，我实际上无法向上滚动到文档的顶部，因为鼠标的滚动会重新调用该函数并再次拉下文档。

另外，如果有其他方法，请告诉我。我可以仅在用户/客户端可能禁用 JS 的情况下使用 CSS 执行此操作吗？

Answer 1

编辑：

在你的简短解释之后，我（希望）明白你想要什么。我用位置状态制作了一个函数：标题，内容，未解决

我在状态条件下重用了你的滚动功能。

(function() {

var pagePosition = "header";

$(window).scroll(function(){
    if ($(this).scrollTop() > 0 && pagePosition == "header") {
        pagePosition = "unresolved";
        $("html, body").animate({scrollTop: 700}, 500, function() {
            pagePosition = "content";
        });
        return false;
    } else if ($(this).scrollTop() < 700 && pagePosition == "content") {
        pagePosition = "unresolved";
        $("html, body").animate({scrollTop: 0}, 500, function() {
            pagePosition = "header";
        });
        return false;
    }

});

})();