讓div從頁面脫落

Question

所以我一直在玩jQuery一段美好的時光，我試圖讓效果正常工作。我在頁面中間有一個主要的正方形div，當有人點擊一個鏈接時，我想讓這個盒子看起來像是從頁面上掉下來並消失，顯示出一個新的頁面。我一直在玩easing插件，但我似乎可以得到我想要的工作。基本上我有div的頂部邊距或只是頂部距離增加到一個很大的數字。然而，這隻會讓div下降，但它也擴大了我的頁面，並且它在頁面上更低。我基本上想要div掉到網站上，而不是改變網站的尺寸。任何人都知道如何做到這一點？

謝謝！ Danny

Answer 1

爲了防止您的頁面在點擊鏈接時重新規劃，請在您的div容器的css屬性中添加overflow：hidden。 另外，請確保在動畫結束時隱藏div。

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