Как реализовать анимацию текста при выходе за границу блока?

Question

[SHKD]

Приветствую!

У меня есть div width 150 px, из-за того что не все значения поля входят в размер блока, я задал через css свойство will-change: transform; animation: rolling 30s linear infinite; что дает мне зацикленную прокрутку, тем самым помещая весь текст в блок если он выходит за его границы.

Но! Я не хочу прокручивать те значения поля которые в него помещаются.

Как мне реализовать это на js, что если текст шириной до 150 то анимации текста нет, а если ширина более то прокрутка есть?

Заранее благодарю! П.с. в гугле манул не нашел(.

Answer 1

[Сергей delphinpro]

https://learn.javascript.ru/size-and-scroll
Если scrollWidth больше clientWidth, значит контент больше ширины элемента