集開始

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