vue实现消息向上无缝滚动效果

本文实例为大家分享了vue实现消息向上无缝滚动效果的具体代码，供大家参考，具体内容如下

代码：

  

    ...
  

样式

.new-list{
    line-height: 28px;
    transition: top 0.5s;
}
.anim{
    transition: all 0.5s;
    margin-top: -28px;//高度等于行高
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。