Javascript 使用.在scrollTop上设置动画

如何向这段代码添加.animate

$("body,html").scrollTop($("#wrapper3").position().top);

我尝试在

scrollTop

之前添加

.animate

，但它一直显示Dreamweaver中的错误

感谢您的帮助

编辑：

HTML

---

现在还不清楚你想要什么以及如何达到你的目标，但如果我理解你的意思，你可以做到：

<h1 id="anchor">Lorem Ipsum</h1>
<p><a href="#anchor" class="topLink">Back to Top</a></p>

“锚定”可以更改为您想要的内容，“返回顶部”将转到您的“锚定”。只需确保div（或者在本例中为h1）具有idenditcal id

这是一个

跳到页面顶部的一个可能原因是您没有加载jQuery。确保jQuery已加载。

编辑

好的，在你编辑之后，你应该改变这个

<div id="bar16"></div>

对此

<div id="bar16">
    <a href="#wrapper3" class="topLink">CLICK HERE</a></div>
</div>

---

像这里：

对不起，我不是很清楚。我插入的代码用于将屏幕滚动到特定的div，在本例中为wrapper3。现在它只是直接跳转到div，没有任何动画，我希望它能用平滑的动画来动画滚动到div。我对这个很陌生，所以我不知道我应该在哪里插入div标签。编辑你的第一个问题发布你的HTML，这样我就可以看到它。它工作正常，我只想给这段代码添加动画$（“body，html”）.scrollTop（$（“#wrapper3”）.position（）.top）；我可以在scrollTop之前添加动画吗？如果可以，具体的方法是什么？好的，请具体说明。什么动画？它已经用.animation实现了，只需在那里添加您想要的任何内容。

    $("a.topLink").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"}, {duration: 500, easing: "swing"
        });
        return false;
    });

<div id="bar16"></div>

<div id="bar16">
    <a href="#wrapper3" class="topLink">CLICK HERE</a></div>
</div>