JQuery animate scrollTop 在一页中不起作用

Posted 2023-05-07

【中文标题】JQuery animate scrollTop 在一页中不起作用

【英文标题】：JQuery animate scrollTop doesnt work in one page

【发布时间】：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);

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