滾動留言板，如何鏈接到div內的div中的id？

Question

好的，這可能是非常基本的，但我在這裏掙扎。

我空間有限，但我需要評論板，所以我需要能夠滾動瀏覽消息。我有我的數據庫和PHP設置和消息工作正常。我已經完成了div的佈局，以便所有評論都在主註釋div中設置爲overflow：hidden，隱藏不適合的消息。然後每條消息形成一個div（其中有2個div用於主題/發送者和評論部分）。每個消息div都被腳本自動給出一個id，所以我有一些東西在這裏定位。

我想要做的是讓消息滾動，這樣當你點擊'向下'時，最上面的消息就會消失，消息會一直移動，這樣下一個消息就會變成最上面的消息。這可能嗎？我試圖與childNodes一起玩，但無法讓它工作。

另外，我的佈局解決方案有什麼意義嗎？我應該將其更改爲列表嗎？

CSS是

#kommentit { // <- all comments 
position: absolute; 
margin-top: 50px; 
margin-left: 475px; 
width: 400px; 
height: 400px; 
overflow: hidden;} 

.sitoja { // <- this is the single comment binder 
position: relative; 
width: 400px; 
background: #fff; 
border-radius: 10px; 
padding: 0;} 

我給ID爲每封郵件，所以我得到在PHP

<div class="sitoja" id="[i]"> 

echo '<div class="sitoja" id="'.stripslashes($info2->id).'">'; 

你可以在這裏查看留言板的假：

Answer 1

有很多方法可以做到這一點。

最簡單的是將overflow: hidden;更改爲overflow: scroll;。

您還可以display: none;最上面的評論，讓較低的一個向上移動。

你可以用javascript滾動div。

順便說一句，有一些調整你不需要的css position: absolute; - 不使用它會使設計更容易。