Установить начальную позицию текстовой анимации

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

Вы должны добавить параметр startVisible к объекту со значением true.

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

Answer 2

Как упомянул Виторино, на странице документации для плагина это уже исправлено. Однако, если вы по какой-то причине не хотите этого делать, вы можете сделать внутреннюю обертку для текста с левым значением 97%. Это было бы что-то вроде этого:

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

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