如何在点击按钮后滚动页面？

Question

我有这个html代码注册表单，我需要向上滚动页面后点击 按钮类.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> 

Javascript代码

$(document).ready(function() { 
    var button_reg = $('button.reg'); 
    button_reg.click(function() { 

     // scroll top 
     $('html, body').animate({ 
      scrollTop: 0 
     }, 'slow'); 
    }); 

    // end jquery 
    return false; 
}); 

Answer 1

尝试这样：

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