Overflow-x:hidden все еще может прокручиваться
У меня есть страница, где вы можете прокручивать влево на мобильном телефоне. Я уже пробовал .js, max-width 100%, overflow-x:hidden (как в теле, так и в html), все с !important. Это происходит только на этой странице и только на мобильном телефоне.
Как я могу это исправить? Я открыт для любых идей
Предоставьте достаточно кода, чтобы другие могли лучше понять или воспроизвести проблему.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
трудно ответить на вопрос без его кода, но я думаю, что уже знаю вашу проблему
overflow-x:hidden; - хорошая идея, но она предотвратит переполнение ваших элементов, в вашем случае, поскольку вы тестируете свою страницу на мобильном устройстве, это не ПЕРЕПОЛНЕНИЕ, это одно из полей или отступов вашего элемента или неправильная ширина.
поэтому, чтобы найти этот элемент, щелкните правой кнопкой мыши на своей странице (на рабочем столе), щелкните «Проверить элемент», выберите «Отзывчивая кнопка переключения» (в верхней панели вкладки «Инспектор»), измените размер страницы на размеры с ошибкой, щелкните правой кнопкой мыши элемент body, выберите «expand recursively» и посмотрите для элемента, который вызывает дополнительное пространство (наведение курсора на ваши коды выделяет их, и вы можете увидеть их размер блочной модели и найти свою ошибку)
проблема решена, когда вы найдете его! вы можете удалить из него лишнюю ширину, поля или отступы
Привет, Добро пожаловать в переполнение стека. Не могли бы вы добавить минимальный воспроизводимый фрагмент, чтобы показать нам ошибку?