JQuery animate scrollTop 在一页中不起作用答案

【问题标题】：JQuery animate scrollTop doesnt work in one pageJQuery animate scrollTop 在一页中不起作用
【发布时间】：2021-12-27 09:42:29
【问题描述】：

我无法解决为什么动画不能只在一页上工作。这是链接：https://tachomaster.pl

为了测试，我在左上角添加了一个灰色的小方块，如果你点击这个，脚本应该向下滚动一点。如您所见，它不仅在主页上有效，在任何其他页面上都有效。

这里是测试脚本：

$(document).on('click', '.test', function(event){
    event.preventDefault();
    $('body').animate({
        scrollTop: 500
    }, 800);
});

【问题讨论】：

【解决方案1】：

你需要为你的body标签下的所有容器隐藏溢出

【讨论】：

【解决方案2】：

我通过改变来解决这个问题

$('body').animate({
    scrollTop: 500
}, 800);

到

$('html, body').animate({
    scrollTop: 500
}, 800);

我完全不知道为什么它会以这种方式工作，并且仅在主页上没有第一种方式。

【讨论】：