让div脱离页面

Question

所以我现在和jQuery一起玩了很长时间，我正在尝试让效果正常工作。我在页面中间有一个主方形div，当有人点击链接时，我希望该框看起来像是从页面上掉下来然后消失，在它后面显示一个新页面。我一直在使用缓动插件，但我似乎可以得到我想要的工作。基本上我有div的上边距或只是顶部距离增加到一个很大的数字。然而，这只会使div下降，但它也扩展了我的页面，它在页面上只是低得多。我基本上希望div脱离网站而不是改变网站的尺寸。有谁知道怎么做？

谢谢！ 丹尼

Answer 1

要防止您的网页在点击链接时重新设置，请在您的div容器的css属性中添加overflow：hidden。 另外，请确保在动画结束时隐藏div。

$('a').click(function(){
   $('#thediv').parent().css('overflow','hidden');
   $('#thediv').animate({'top': '+=500px', opacity: 0},function(){
     $(this).hide();
   });
});