想问下两个 div 如何反复重复出现

[xiaohantx]

<div>
  <div>1</div>
  <div>2</div>
</div>

需求是这样的，刚进来的时候显示 2，最外层的 div 有个 overflow:hidden;然后隔一会触发 1 从上往下停留在 2 的位置，2 也会同时从原来位置往下到外面，再过一会，2 从上往下到 1 位置，1 从原来位置往下到外面，以此循环

[ArthurSS]

尽量把代码逻辑和视觉逻辑抽开思考吧，就像 17 楼说的一样

[ArthurSS]

https://cn.vuejs.org/v2/guide/transitions.html
用 vue 的话，可以看一下自带的 transition 的钩子，单纯操作数据，把视觉效果单独设置

[lllllliu]

html <marquee>

[xiaohantx]

@lllllliu marquee 已经废弃了把

[xiaohantx]

@liyang5945 修改了下，好像这种思路的话就可以比较简单解决。。https://codepen.io/xiaohantx/pen/abmZYNg?editors=1111

[xiaohantx]

@xiaohantx 好像也不对。。。因为新消息只推一次。。