jquery animate帮助

Question

好的，所以我想在这个网站的顶部复制这个动画： http://www.infinvision.com/insights-and-musings.html

我有动画工作，容器div正确地动画到屏幕顶部。但是，在我的版本中，div中的内容只是停留在那里，而封闭的div在它周围关闭。在我复制的网站中，内容似乎随着结束div而上升。我试图将div位置值设置为绝对值并尝试将top属性设置为零，但这不起作用。任何建议?????

感谢， 丹尼尔。

编辑：我正在使用的HTML代码：

<div id="toplogin">
  <div class="container">
    <div id="toploginWrap">
    <div id="topLwrap"> MORE STUFF HERE  </div>
    <div id="topRwrap">
      <h3><span>LOGIN</span>
      </h3>
      <form id="topLoginFm" action="" method="POST">
         MORE STUFF HERE 
      </form>

    </div>
    </div>
  </div>
</div>

我正在使用的JAVASCRIPT代码：       

window.onload = function(){
    $('#loginButton').click(function() {
    $('#toplogin' ).animate({
        padding: 0,
        margin:0,
        height: 'toggle'

  }, 1000, function() {

    });

});
};



</script>

Answer 1

请参阅此http://jsfiddle.net/79qvv/1/

我做的唯一改变就是没有使用window.OnLoad ...而是在dom准备好后我绑定了click处理程序。您通常会按以下方式执行此操作

<script type="text/javascript">
$(function() {
    //your custom code here ...
});
</script>

小提琴中的其余代码正是你发布的......希望这有助于......

Answer 2

要使结尾div保持内容向上移动，请参阅http://jsfiddle.net/g_thom/CPHxq/2/。

使div位置固定，随着内容向上移动，使其保持原位。