javascript - jquery动画帮助

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

要使内容随着结束的 div 向上移动，请参阅 http://jsfiddle.net/g_thom/CPHxq/2/ .

固定 div 位置可使其在内容向上移动时保持在原位。