メッセージボードをスクロールすると、div内のdiv内のIDにどのようにリンクできますか？

Question

これは非常に基本的かもしれませんが、私はここで苦労しています。

スペースは限られていますが、コメントボードが必要なので、メッセージをスクロールする必要があります。私は自分のデータベースとPHPのセットアップを持っており、メッセージングは​​正常に動作します。私はすべてのコメントがマスターコメントdiv内にあるようにdivのレイアウトを行っている：overflow：hiddenに設定され、適合しないメッセージを隠します。すべてのメッセージはdivとして作成されます（件名/送信者とコメントセクションには2つのdivがあります）。メッセージdivのそれぞれにはスクリプトによって自動的にIDが与えられますので、ここでターゲットにするものがあります。

私がしたいのは、メッセージをスクロールして、「下へ」をクリックすると一番上のメッセージが消え、メッセージが一列に移動して次のメッセージが一番上になるようにすることです。これは可能ですか？私はchildNodesで遊んだりしようとしましたが、動作させることができませんでした。

また、レイアウトソリューションは意味がありますか？リストに変更する必要がありますか？

CSSは、私はあなたがここにメッセージボードのダミーを表示することができます

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

PHPで

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

を得るよう

#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を割り当てることである。

Answer 1

それを行う方法はたくさんあります。

overflow: hidden;をoverflow: scroll;に変更するのが最も簡単です。

display: none;最下位のコメントを下位のものに移動することもできます。

そして、javascriptでdivをスクロールすることができます。

ところで、あなたはCSSを調整する必要はありませんposition: absolute; - これを使用しないと、設計が楽になります。