当前位置:   article > 正文

vue实现文本上下循环滚动_vue实现公告栏文字上下滚动效果

vue实现公告栏文字上下滚动效果

前言

页面上有两块公告,需要循环滚动,最初使用animation实现了,但如果两块公告的条数不一致的话,就会导致两块公告滚动的快慢不同,由此需要换种方式实现,使两块公告始终以同样的快慢节奏滚动。

一、第一种方式:animation实现(存在两块公告滚动的快慢不同的问题)

<!-- 公告1 -->
<div class="report-text>
	<!-- 大于3-->
	
  • 1
  • 2
  • 3
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/193891
推荐阅读
相关标签
  

闽ICP备14008679号