设置选框文本动画的起始位置

Question

我想使用这样的东西：

Codepen Demo

$('.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;以立即查看文本。你知道怎么做吗？

感谢您的帮助。

Answer 1

正如Vitorino所提到的，在插件的文档页面上已经有了解决方法。 但是，如果由于某些原因不想这样做，您可以在文本上创建一个内部包装器，其左值为97％。它会是这样的：

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

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

Answer 2

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

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