怎么实现DIV只能展示3条数据，新增数据的数据会把之前的数据顶上去，类似于向上的数据滚动。

Question

未新增数据之前
新增之后，p1可以被删除也可以被隐藏
怎么实现DIV只能展示3条数据，新增数据的数据会把之前的数据顶上去，类似于向上的数据滚动。DIV的overflow属性可以将溢出的内容隐藏可是不能展示新内容。
数据新增是由事件被触发后javascript新增。

Answer 1

用css就可以解决你说的问题。如下：123.only3children>p{display:none;}/*只显示最后三条*/.only3children>p:nth-last-child(3),.only3children>p:nth-last-child(3)~p{display:block;/*如果需要动效可以在这里添加*/animation:fadeIn.3seaseboth;}@keyframesfadeIn{0%{opacity:0;}100%{opacity:1;}}