Текстовая бегущая строка заикается при изменении размера на мобильном телефонеCSS

Разбираемся в CSS
Ответить
Anonymous
 Текстовая бегущая строка заикается при изменении размера на мобильном телефоне

Сообщение Anonymous »

довольно новичок в CSS. Я потратил много времени, пытаясь придумать, как сделать красивую плавную текстовую бегущую строку, размер которой будет аккуратно изменяться с настольного компьютера на мобильный.
Скроллер втягивается туда, где «textticker» / «textticker». ", а JS находится внизу.
Кажется, что на настольном компьютере он обычно работает нормально.
Но когда я пробую это на iPhone. .. текст прокручивается, дрожит или внезапно начинается заново, нарушая эффект плавной прокрутки. Есть идеи, как это исправить?

Код: Выделить всё

body {
background-color:;
padding: 0px;
margin:0px;
font-family: 'Times New Roman', Times, serif
font-size: 1.1rem;
color: #333333; /* Set default text color to #333333 */
line-height: 1;
overflow-x: hidden;
}

.container {
margin: 0px;
width: 100%;
background-color: #e5e5e5;
padding: 0px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; /* Change flex direction to column */
box-sizing: border-box;
}

/* product starts 

Подробнее здесь: [url]https://stackoverflow.com/questions/79052612/text-ticker-stutters-when-resized-on-mobile[/url]
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»