设置选取框文字动画的起始位置答案

【问题标题】：Set starting position of marquee text animation设置选取框文字动画的起始位置
【发布时间】：2018-11-05 19:00:54
【问题描述】：

我想用这样的东西：

$('.marquee').marquee({
  duplicated: true
});

.marquee {
  width: 200px;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #ccc;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js"></script>
Duplicated option for short length text:
<div class="marquee">jQuery marquee is the awesome</div>

但我需要将此动画的起始位置设置为left: 0; 才能立即看到文字。你知道怎么做吗？

感谢您的帮助。

【问题讨论】：

检查插件文档已经有一个修复 - aamirafridi.com/jquery/…

标签： css animation marquee

【解决方案1】：

正如 Vitorino 所提到的，插件的文档页面上已经对此进行了修复。但是，如果您出于某种原因不想这样做，您可以对左值为 97% 的文本进行内部包装。应该是这样的：

.inner {
    position: relative;
    left: -97%;
}

http://codepen.io/anon/pen/BoXLxm

【讨论】：

【解决方案2】：

您必须将 startVisible 参数添加到值为 true 的对象。

$('.marquee').marquee({ duplicated: true, startVisible: true});

【讨论】：