是否可以使用jQuery对rollkTop进行动画处理？

javascript jquery

2022-08-30 00:50:38

我想平稳向下滚动。我不想为此编写一个函数 - 特别是如果jQuery已经有一个。

答案 1

你可以只使用 .animate（） 属性，如下所示：scrollTop

$("html, body").animate({ scrollTop: "300px" });

答案 2

尼克的回答很好用。在 animate（）调用中指定 complete（）函数时要小心，因为由于您声明了两个选择器（html 和 body），因此它将执行两次。

$("html, body").animate(
    { scrollTop: "300px" },
    {
        complete : function(){
            alert('this alert will popup twice');
        }
    }
);

下面介绍如何避免双重回调。

var completeCalled = false;
$("html, body").animate(
    { scrollTop: "300px" },
    {
        complete : function(){
            if(!completeCalled){
                completeCalled = true;
                alert('this alert will popup once');
            }
        }
    }
);