Question

我已经离开了网络开发了一段时间，我不记得你是否需要JS / Jquery来添加页面滚动动画，或者你是否可以使用CCS3和HTML5。

基本上我有一个看起来像这样的按钮：

<li><a href="#" class="button special">Get in touch</a></li>

它位于标题页面的顶部。当它被点击时，我希望页面慢慢向下滚动到联系表单部分。我不知道该怎么做。我确实记得一些关于用链接锚定的东西，但是即使我这样做它也没有动画它会突然把我带到这个部分。单击按钮后，我可以实现向下滚动动画的最佳方式是什么？

感谢您的时间。

Answer 1

您可以使用jQuery的动画属性实现此目的。

只需在身体末端放置一个div，然后滚动到它：

$('html, body').animate({
    scrollTop: $("#bottom").offset().top
}, 1000);