在引導程序中向上/向下滑動窗體

Question

我正在通過在引導程序模板中向上/向下滑動動畫來創建一個。

下面是代碼：http://bootply.com/94382

當你點擊該按鈕add，形式會滑下去時，您將會再次單擊它，它就會向上滑動。

但是，如果我在按鈕後面的頁面上添加新元素，新元素不會向下移動，而是表單正在通過元素。

我想實現新的元素將滑落，然後形式將來臨。但是現在這沒有發生。請幫助我。

Answer 1

首先從你的css中刪除position:absolute,position:fixed它實際上並不需要。另外，使用適當樣式的span或ul li列表來渲染<div id="bottom-header">中的圖標，按鈕和圖像。然後從你的表格中刪除position:absolute，並給出適當的邊距寬度等，這樣你就會得到你的預期。

Answer 2

更換你#sliding_form CSS屬性：

#sliding-form { 
    display: none; 
    background-color: #eee; 
    width: 45%; 
    margin-top: 60px; 
    overflow: hidden; 
} 

Updated Bootply