Отметка начинается в центре слева

Question

Я ищу способ начать marquee (текстовый слайдер) от центра влево.

Потому что, если я перезагружу свою страницу, выделение будет пустым.

Answer 1

Обратите внимание, что marquee is obsolete in HTML5 и 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>