Почему скролл на safari блокируется?
Всегда сталкивался с проблемой, что при открытой модалке нужно было отключить прокрутку страницы. Стиль body {overflow: hidden;} работал везде, кроме safari. Люди для решения этой проблемы даже js библиотеки написали.
А сегодня обнаружил, что это свойство работает и в сафари как и везде. В чем причина, в новых версиях ios поменяли поведение?
Для тестов использовал чистую страницу с текстом и стилем для body. Проверял на ios 14.5+
Дополнительно:
чтобы отключить прокрутку страницы, нужно отключить прокрутку страницы
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Проблема со скроллингом на Safari может быть вызвана различными причинами, и решение зависит от конкретной ситуации. Ниже приведены несколько возможных причин и способы их решения:
1. **Проблемы с CSS**: Проверьте CSS свойства вашего элемента, который должен скроллироваться. Убедитесь, что у него установлены правильные значения для `overflow` и `overflow-y`. Например, если вы хотите, чтобы элемент мог скроллироваться по вертикали, убедитесь, что у него указано `overflow-y: auto;`.
```php
.element { overflow-y: auto; }
```
2. **Проблемы с высотой элемента**: Если высота элемента, который должен скроллироваться, превышает высоту его контейнера, скроллинг может быть заблокирован. Убедитесь, что вы правильно задали высоту элемента и его контейнера.
```php
.container { height: 200px; overflow-y: auto; } .element { height: 300px; }
```
3. **Проблемы с JavaScript**: Некоторые скрипты JavaScript могут блокировать скроллинг на Safari. Проверьте, нет ли ошибок в консоли браузера, которые могут указывать на проблему с JavaScript.
4. **Проблемы с браузером**: Иногда проблема может быть связана с самим браузером Safari. Убедитесь, что у вас установлена последняя версия браузера и попробуйте очистить кэш и файлы cookie.
Если ни одно из вышеперечисленного не помогло решить проблему, попробуйте создать минимальный пример кода или ссылку на ваш сайт, чтобы мы могли более точно определить причину блокировки скроллинга на Safari.