jquery - 如何在 jquery 中使用缓动效果将 div 滚动到顶部？

Question

我想通过点击事件显示滚动效果，所以我有一个包含两个 div 的页面。一个在页面加载和另一个 div 上工作，我想隐藏，当单击带有注册的按钮时，它应该出现滚动效果并在表单中可见。

请帮忙，因为我是 jquery 的新手

Answer 1

这是你想要的吗？查看演示http://jsfiddle.net/yyene/reWwx/303/

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

Answer 2

试试这个，这是完整的脚本

<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/