如何设置最大滚动高度?

时间:2017-12-20 21:22:17

标签: html css

我创建了一个包含聊天框的网站。主要文本区域的高度为700像素和滚动条。有没有办法限制滚动高度,因为如果我运行网站较长一段时间,聊天是无止境的。基本上我想要的是当消息超出最大滚动高度时消息被删除。我希望你能理解我的问题。感谢

<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>

1 个答案:

答案 0 :(得分:0)

您必须将overflow-y:设置为auto,然后使用JavaScript或JQuery使消息在达到某个高度(以像素为单位)后消失。