下面是一个例子,来解释我想实现卸下前最后的消息时,它得到飞越
吉米:嘿,我从PHP发送一个新的消息,我是新和我追加到消息日志:)!汤米:嘿,你!我们更多的消息即将到来,你的消息很快就会被移除!
Jonny:对,这是它只有一个更多的消息,直到吉米被删除,因为他被我们的盒子(div)击倒。
10秒后......
汤米:嘿,你!我们更多的消息即将到来,你的消息很快就会被移除!
Jonny:对,这是只有一个更多的消息,直到吉米被删除,因为他被淘汰。
比利:你好!等等吉米去哪里了?
乔尼:箱子变得太满了,所以我们中的一个人不得不离开,吉米在顶部,所以他走了。说到这一点,有汤米! 汤米被删除。
使用setInterval的,我设法然而达到类似的效果,它只会去掉底部有一个溢出的,这是最新的一个,而不是顶部一个谁的信息是“老”。
这里是我创造了实现这一目标的代码...
var message=document.getElementById('chat_wrap');
if(message.scrollHeight>message.offsetHeight) {
Element.remove();
}
所以基本上,我想我所做的事情相反。但我不知道我该如何实现这一点。
更新,以使其更清晰:
对不起,我的解释是不是说清楚。一个很好的例子是一个水壶,当它完全从底部移走水时,而不是将它从顶部移开。另一种解释我试图实现的方式基本上是NEWEST是优先级,所以如果最新的div需要空间,那么删除最老的仍然存在。
给予名单OS的消息,插入一些容器(例如一个div)你要删除的最新的(进入的最后一个)?是这个吗? – davidbuzatto 2012-07-28 16:17:58
对不起,我的解释不太清楚。不,我想要的是相反的,所以它就像......一个水桶,当它完全从底部移走水时,而不是将它从顶部移开。 解释我想要实现的另一种方法基本上是NEWEST是优先级,所以如果最新需要div的空间,那么删除最老的仍然存在。 – 2012-07-28 16:23:13
好的。我在一个例子中工作。稍等片刻。 – davidbuzatto 2012-07-28 16:29:25