2017-12-20 8 views
1

私はチャットボックスを含むウェブサイトを作った。メインテキスト領域の高さは700pxで、スクロールバーがあります。スクロールの高さを制限する方法はありますか?これは、私が長い時間ウェブサイトを実行するとチャットが無限になるためです。だから基本的に私が望むのは、メッセージが最大スクロールの高さから外れるときにメッセージが削除されるということです。あなたが私の問題を理解できることを願っています。おかげであなたはautooverflow-y:を設定すると、JavaScriptやjQueryのを使用する必要があると思いますスクロールの高さを最大に設定するにはどうすればよいですか?

<div id="textArea"></div> 

<style type="text/css"> 

#textArea{ 
    width:220px; 
    height:70%; 
    position:absolute; 
    right:0px; 
    top:38px; 
    overflow-y:scroll; 
    overflow-x:hidden; 
    color:#fefefe; 
} 

</style> 
+0

これを実現する方法がわかりませんが、JavaScriptを使用してHTML文書から古いメッセージを削除する方が、隠すよりもずっと効果的です。 – Goose

+0

どのようにメッセージを更新していますか?データセットから古いものを削除できませんでしたか?それはコンテナを最小限のサイズに保ちます。 –

+0

ok tyそれを試してみます –

答えて

0

は、彼らはピクセル単位で一定の高さに到達した後、メッセージが消えるよう。

関連する問題