选取框从中间向左开始

Question

我正在寻找一种从中间向左启动 marquee（文本滑块）的方法。

因为如果我重新加载我的页面，选取框是空白的。

Answer 1

请注意marquee is obsolete in HTML5, and its events aren't well-supported。

就是说，一种方法是使用 text-indent，但它会使滚动略微移动。要解决此问题，您可以在 setInterval 上缓慢减少其属性。 See this fiddle，或运行以下片段：

var textIndentPercent = 50;
var marqueeCenteringInterval = setInterval(function() {
    console.log(document.getElementById('my-marquee'));
    console.log(textIndentPercent);
    console.log(document.getElementById('my-marquee').style.textIndent);
    document.getElementById('my-marquee').style.textIndent = -textIndentPercent + '%';
    textIndentPercent -= 0.1;
    if (textIndentPercent < 0) {
        document.getElementById('my-marquee').style.textIndent = '0px';
        clearInterval(marqueeCenteringInterval);
    }
}, 100);

<marquee id="my-marquee" style="">This is basic example of marquee</marquee>

选取框从中间向左开始

Marquee start in center to the left

html

javascript

css

animation

marquee