Jquery 单击按钮后如何向上滚动页面？

我有这个注册表格的html代码，我需要在点击后向上滚动页面 带有class.reg的按钮。问题是页面只会滚动到表单的上边框

<div class='registration borders'>

<form action="{$web_path}/model/user/userRegistration.php" method="post">

<input class='user' type='text' name='user' autofocus required placeholder="uživatelské jméno">
<input class='email' type='email' name='email' required placeholder="Váš e-mail">

<input class='password' type='password' name='password' required placeholder="uživatelské heslo">

<button class='reg' type='submit' name='registration_sent'>ZAREGISTROVAT</button>

</form>

</div>

---

试着这样做：

$(document).ready(function(){
$('#button').click(function(){
$('html, body').animate({scrollTop: $("#your_respective_div").offset().top}, 1000);
});
})

---

问题是输入有一个属性autofocus，这就是输入的焦点。当我清除此选项时，我只能使用重定向（例如，重定向到主页）并将页面刷新到默认位置。

$(document).ready(function(){
$('#button').click(function(){
$('html, body').animate({scrollTop: $("#your_respective_div").offset().top}, 1000);
});
})