附加一個列表，並從底部向上移動

我有一個列表，我試圖從下往上填充。該列表需要一個900像素高的區域。列表中的每個元素都是73像素高。我希望每個項目都能上到列表中。附加一個列表，並從底部向上移動

我正在使用.append（）向我的列表中添加一個新的列表項，但我很難弄清楚如何在項目被追加到列表時繼續向上滑動列表。我可以將我的第一個列表項目的css屬性設置爲：relative，top：900，然後使用.animate（）移動項目900-73 px來爲列表項目設置動畫。這就像我得到的那樣，然後事情就會變得非常糟糕。

請幫忙？

來源

2011-09-20 mrMajesty

所以你想插入的項目總是出現在頂部呢？ –

您可以請我們[jsfiddle]（http://jsfiddle.net）上傳您的代碼示例。 – Alex

檢查'instertAfter（）'和'insertBefore（）' – Jack

如果我理解正確的話，你是這樣的事情後：http://jsfiddle.net/Exjbb/

$(".container").prepend(element).find(":first").slideUp(0).slideDown("fast");

來源

2011-09-20 22:03:21

非常接近。我希望名單從下往上增長。不自上而下。 – mrMajesty

像你想要的東西，聽起來這好像是對我說：http://jsfiddle.net/nbUuh/
您可以添加的東西到列表中，並且它將會向上發展。

你的問題可以使用一些更清晰的措辭。

來源

2011-09-20 22:05:15 ANeves

您可以使用CSS和jQuery的組合來實現此目的。看到這個例子：http://jsfiddle.net/finbarr/HGugB/

當你點擊前幾次時，看起來好像沒什麼反應 - 從底部向下滾動瀏覽器窗口。

來源

2011-09-20 22:28:45 Finbarr

聖大便！你真棒。非常感謝你！ – mrMajesty

沒問題。也可以從列表頂部刪除已從列表頂部「彈出」的列表元素，但我認爲您不需要這樣做，除非列表可以增長到數千個項目。 – Finbarr

這太棒了。謝謝Finbarr！ –

附加一個列表，並從底部向上移動

回答

相關問題