我有一個表單,用jQuery .afer()方法(按下按鈕)添加行。當頁面加載時,頁腳始終位於頁面的底部,但如果單擊該按鈕的次數足夠長,頁腳將停留在原來的位置,並與行重疊。我怎樣才能讓它認識到桌子越來越大,它需要向下移動?我願意並且樂於使用涉及CSS或JavaScript的解決方案。如何使頁腳停留在動態縮放窗體的底部?
CSS
.footer
{
position:absolute;
bottom:0px;
width:100%;
}
jQuery的
$(".gameSchedule .addEvent").bind('click', function() {
$(".gameSchedule tr:nth-child(2)").after('<tr><td><input type="text"</td><td><input type="text"</td><td><input type="text"</td><td><input type="text"<td><td><input type="text"</td></tr>');
});
HTML
<form name="gameForm" class="gameSchedule"><!--FORM FOR GAMES-->
<table >
<tr>
<td colspan="5">
<table>
<tr>
<td align="left">Team Name</td>
<td><input type="text" /></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Date</td>
<td>Time</td>
<td>Opponent/Event</td>
<td>H/A</td>
<td>Location</td>
</tr>
<tr>
<td><input type="text"</td>
<td><input type="text"</td>
<td><input type="text"</td>
<td><input type="text"</td>
<td><input type="text"</td>
</tr>
<tr>
<td colspan="2"><input type="button" class="addEvent" value="Add Event"/></td>
</tr>
</table>
</form>
,你可以做一個http://jsfiddle.net更多的HTML和CSS。查看頁腳在html中的位置會很有幫助。 – tw16