滚动索引.html在表单提交(django)后 #contact

Question

index.html

<section id="contact">
<form id="contactForm" method="get" action="{% url 'contact-form' %}">
...
<button class="btn btn-common" id="submit" type="submit">Submit</button>
</form>
</section>

其中 {% URL 'contact-form' %} 展开为联系人表单/

提交此表单后，我希望页面滚动到表单所在的 #contact(如果有表单验证错误(。

我试过了

$("#contactForm").submit( function() {
$('html, body').animate({
scrollTop: $("#contact").offset().top
}, 2000);
return false;
});

但是滚动不起作用。

Answer 1

提交表单会加载另一个页面，因此$("#contactForm").submit( function()在调用后立即被擦除。

将您的{% url 'contact-form' %}更改为{% url 'contact-form' %}#contactForm可能会为您解决问题。