Что дает горизонтальный скролл?
Не могу понять что ломает верстку
понятное дело, что кривые руки
но все же
если в хроме открыть страницу с открытым devtools
либо в мобильнике
появляется скролл, справа отступ не понятно что дает его
верхняя панель уходит вправо
body дал overflow - x hidden, не помогает
если смотреть в мозиле, такого не наблюдается
Дополнительно:
Ответы:
body дал overflow - x hidden, не помогает
А просто overflow?
Не могу понять что ломает верстку
В дев режиме браузера удаляйте блоки по очереди, как скролл пропадёт - виновник найден.
- удаляя блоки поочередно не помогало, это было проверено в первую очередь
оказалось это дает подключенный aos . css
- rootnoroot, ну так в чём проблема? Родителю анимации задавай нужный вам оверфов.
Режет? Отказывайтесь при определённом разрешении от анимации. Невозможно? Описывайте свой плагин для применения нужных вам условий. - ProjectSoft, да разобрался уже
изначально не мог найти что дает отступ
думал сам где то нашКодил
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Горизонтальный скролл появляется в случае, когда содержимое страницы не умещается по ширине экрана и появляется необходимость прокрутки вправо для просмотра скрытой части контента. Это может быть вызвано различными причинами, например, длинным текстом, изображениями большого размера, таблицами с большим количеством столбцов и т.д.
Чтобы избежать появления горизонтального скролла на странице, следует применять следующие методы:
1. Responsive design: Создавайте адаптивные дизайны для вашего сайта, которые будут корректно отображаться на различных устройствах и разрешениях экранов. Используйте медиа-запросы для определения различных размеров экранов и применения соответствующих стилей.
2. Ограничение ширины контента: Установите максимальную ширину для элементов на странице, чтобы контент не выходил за пределы экрана. Например, можно использовать свойство max-width в CSS.
3. Используйте горизонтальную прокрутку только там, где это действительно необходимо, например, для таблиц с большим количеством столбцов. В остальных случаях старайтесь уменьшить объем контента или размещайте его вертикально.
Применение указанных методов поможет избежать появления горизонтального скролла на вашем сайте и обеспечит удобный пользовательский опыт.