проблема с прокруткой webkit-переполнения с осью x?

У меня есть прокручиваемый div со следующим css:

overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; width:200px; height:500px; 

Однако на устройствах iOS, когда содержимое внутри div шире, чем сам div, включена прокрутка по оси X. Как отключить прокрутку по оси x?

У меня была такая же проблема, и, похоже, нет x / y-опций для -webkit-overflow-scrolling, к сожалению. Обходной путь, который я обычно использую, состоит в том, чтобы обернуть прокручивающийся div в overflow-x: hidden div, и проблема должна быть решена.

Разметка:

 <div class="scroll-container"> <div class="scroll-wrapper"> <div class="scroll-body"> </div> </div> </div> 

Стайлинг:

 .scroll-container { -webkit-overflow-scrolling: touch; overflow: auto; width: 200px; width: 500px; } .scroll-wrapper { width: 200px; overflow-x: hidden; } 

Очень простое решение для этого состоит в том, чтобы убедиться, что ни один из ваших элементов не является более широким, чем область просмотра. Это может быть достигнуто путем размещения «catchall» в верхней части вашего CSS:

 div, span, h1, h2, h3, h4, h5, p, img, ul, li, ... ETC ... { max-width: 100%; } 
  • Прокрутка iOS Safari вверх не работает на определенных страницах. Зачем?
  • Поиск эквивалента для UIWebViewDelegate для портирования приложения iOS в OSX
  • WebKit домен и коды ошибок в заголовках iOS?
  • -webkit-transform Запрещает страницу с загрузки
  • Как я могу получить файл с помощью WKWebView?
  • Что делает <meta name = "viewport" content = "width = device-width"> в ландшафтном режиме на iOS?
  • -webkit-overflow-scrolling: touch разбивает мой -webkit-scrollbar css в iOS
  • Как изменить цвет выделения текста в WKWebView?
  • Почему здесь не работает прокрутка импульса? (с использованием -webkit-overflow-scrolling: touch)
  • Проблемы с webkit translate3d (peek-thru)
  • Правильный способ оптимизации анимации CSS 3 для iOS / Mobile Safari?
  • Interesting Posts

    Отображение всплывающих окон от кнопки «Бар» в панели навигации в iPhone

    Приложение Chromecast Receiver – Неожиданная команда, игрок находится в состоянии ожидания

    Добавление пользовательского представления в UINavigationController

    Целое число для NSInteger и сохранение основных данных

    Сериализация объекта JSON с помощью Alamofire

    Плагины Cordova не работают с Ionic

    MPMediaItemPropertyArtwork вызывает сбой (странная проблема)

    Преобразование Parse GeoPoint в CLLocation в Swift

    Ошибка «Неизвестный метод класса для селектора« Hello: »в пользовательской структуре

    Тело NSMutableURLRequest отклонено после обновления iOS 8.3

    UITextField в iOS 8.1 имеет разное вертикальное выравнивание текста между режимом редактирования и без редактирования при использовании некоторых шрифтов

    Является ли значок глобуса на клавиатуре символом или изображением?

    Как отобразить PDF-файл в Objective-C?

    Почему NSManagedObjectID изменяется?

    Является ли PhoneGap правильным выбором для меня?

    Давайте будем гением компьютера.