如何滾動div在jQuery中的緩動效果？

Question

我想通過單擊事件顯示滾動效果，所以我有一個帶有兩個div的頁面。一個在頁面加載和另一個div工作，我想隱藏，當點擊一個註冊按鈕時，它應該出現在滾動效果的頂部，並且可以通過窗體顯示。

請幫助，因爲我是新手在jQuery的

Answer 1

試試這個，它是完整的腳本

<div style="height:300px;width:50px;border:1px solid #a0a0a0;background-color:#c0c0c0"> 
</div> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> 
</script> 
<button id="show">Show</button> 
<button id="hide">Hide</button> 
<script> 
$(document).ready(function(){ 
    $("#hide").click(function(){ 
    $("div").slideUp(); 
    }); 
    $("#show").click(function(){ 
    $("div").slideDown(); 
    }); 
}); 
</script> 

要驗證你可以採取的http://htmledit.squarefree.com/

Answer 2

幫助這是你想要的嗎？ Check DEMO http://jsfiddle.net/yeyene/reWwx/303/

$(document).ready(function(){ 
    $('#signUp').on('click',function(){ 
     $('html, body').animate({ 
      scrollTop: 0 
     }, 1000, function() { 
      $('#myForm').fadeIn(500); 
     }); 
    }); 
});