滚动留言板，如何链接到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; - 不使用它会使设计更容易。