已解决430363个问题，去搜搜看，总会有你想问的

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

首页猿问怎么实现DIV只能展示3条数据，新...

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

JavaScript

人到中年有点甜 2019-05-21 16:51:31

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

查看完整描述

2 回答

繁花如伊

TA贡献2012条经验获得超12个赞

用css就可以解决你说的问题。如下：1
2
3

.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;}}