在任一方向上平滑滚动文档

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;
    }

});

})();