如何讓jQuery動畫只在div容器/橫幅內顯示

Question

我正在處理一個圖像，它在容器/橫幅內部同時從底部淡入並進行動畫處理。

容器風格：

#nix_banner { 
margin: auto; 
background: #1f1f1f; 
width: 1200px; 
height: 300px; 
} 

腳本：

$('#wavy') 
    .hide() 
    .fadeIn({queue: false, duration: 3000}) 
    .animate({'bottom': '355px'}, 3000); 

在網頁的頂部考慮的廣告。當廣告中出現動畫時，用戶看不到廣告橫幅。這兩個動畫都可以工作，但我不希望圖像顯示在橫幅以外的任何位置。我該怎麼做才能保持容器內部可見的內容？

我也開放給任何完整的替代品。

Answer 1

嘗試增加overflow: hidden;：

#nix_banner { 
    margin: auto; 
    background: #1f1f1f; 
    width: 1200px; 
    height: 300px; 
    overflow: hidden; 
} 

jsfiddle demo