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

Question

[Banan44]

У меня есть страничка, где элементы плавно выезжают при скролле, но проблема в том что они создают прокрутку, я убрал ее при помощи свойства overflow-x со значением hidden. Но все равно есть недочёт. Есть вероятность того что когда человек обновит страницу, он попадет в конец этой прокрутки и получится это:

Я пытался изменять прокрутку по оси Х на 0 во время анимации (window.pageXOffset), но это не помогало.

Answer 1

[fallus]

Замените в HTML animItems на animationItems :)
В консоли ж пишет, что, мол, «Не могу найти animItems!».

JS-код должен быть перед </body>, в данном случае.

Comments

[Banan44]

js код и так перед /body, а название исправил, но это никак не решает мою проблему (просто когда в codepen переносил ошибся).

[fallus]

Обернул во .wrapper
И уже ему overflow дал.

[Banan44]

fallus, точняк, оно же скроллить точно не будет