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

Я хотел бы использовать что-то вроде этого:

Демонстрация Codepen

$('.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;, чтобы сразу увидеть текст. Вы знаете, как это сделать?

Спасибо за помощь.


animation css marquee
person Zub27    schedule 29.11.2015    source источник
comment
проверьте документацию плагина, там уже есть исправление - aamirafridi.com/jquery/   -  person Vitorino fernandes    schedule 29.11.2015

Ответы (2)


arrow_upward
1
arrow_downward

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

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

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

person Neo    schedule 29.11.2015

arrow_upward
1
arrow_downward

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

$('.marquee').marquee({ duplicated: true, startVisible: true});
person DmKhanin    schedule 05.11.2018