Почему из-за библиотеки AOS появляется вертикальная полоса на моб. версии?

Question

[StepsOnes]

Использую в разработке лэндинга библиотеку AOS. Приступил к адаптиву, увидел вертикальную полосу, думал что какой-то элемент выходит за рамки, но нет. Дело css файле библиотеки, когда его убираю, то все нормально, в чем дело и как это пофиксить? лэндинг

Comments

[ProjectSoft]

StepsOnes Смотри как ведёт себя .footer-about
Вот он у тебя и выходит за рамки.

[StepsOnes]

ProjectSoft, попробуй его удалить в консоли, ничего не изменится и попробуй удалить в head ссылку на css файл AOS

[ProjectSoft]

StepsOnes, так я это и делал )))
У тебя и без CSS тот же самый отступ. Сделай для .footer-about flex-wrap: wrap; и всё встанет на свои места.

[ProjectSoft]

StepsOnes, а для footer.footer overflow: hidden;
Что-то в футере ещё выпирает.

[StepsOnes]

ProjectSoft, залил на pages со свойством wrap, но как видишь полоса все равно есть))

[ProjectSoft]

StepsOnes, выше комментарий решения.
Похоже это из-за анимации.

[StepsOnes]

ProjectSoft, не помогает))

[ProjectSoft]

StepsOnes, короче к основным блокам добавь

header.header, 
main.main, 
footer.footer {
	overflow: hidden;
	width: 100vw;
}

Это всё из-за анимации. Старт анимации где-то справа. Соответственно это место и делает данный отступ.

[StepsOnes]

ProjectSoft, я уже понял, но бред это какой-то))

[StepsOnes]

ProjectSoft, спасибо)

[ProjectSoft]

но бред это какой-то))

Это не бред. Элемент существует и он виден. Даже если у него opasity: 0; он существует визуально и он определяет для себя место.

[StepsOnes]

ProjectSoft, там наверное из-за минусового трансформ транслэйт по сути

[ProjectSoft]

StepsOnes, ну да, я про это и говорю. Я не сразу поймал трансформацию в main, т. к. искал в footer, а при обновлении браузер оставляет тебя на том же месте, а не поднимает вверх страницы.