Question

我想用click事件显示滚动效果，所以我有一个包含两个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

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

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

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

2 个答案: