Question

好的，这可能是非常基本但我在这里苦苦挣扎。

我的空间有限，但我需要一个评论板，所以我需要能够滚动浏览消息。我有我的数据库和PHP设置，消息传递正常。我已经完成了div的布局，所以所有注释都在主注释div中设置为溢出：隐藏，隐藏不适合的消息。然后每条消息都形成一个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，所以我得到了

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

在php中

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

您可以在此处查看留言板的虚拟对象：http://pohjis.site40.net/testi.php

Answer 1

有很多方法可以做到。

最简单的是将overflow: hidden;更改为overflow: scroll;。

您还可以display: none;最上面的评论，让较低的评论向上移动。

你可以用javascript滚动div。

顺便说一句，通过对css进行一些调整，你不需要position: absolute; - 不使用它会使设计变得更容易。

滚动留言板，如何链接到div中div的id？

1 个答案: