проблема с прокруткой 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%; } 
  • Вид ввода типа даты в Safari на iOS
  • iOS Safari RTL Offset с использованием -webkit-overflow-прокрутки: touch и -webkit-transform: translate3d (0,0,0)
  • Удалить 3 пикселя в текстовом поле iOS / WebKit
  • Нуль Нуль Нуль Нуль Нуль Нуль Нуль Нульвиун Нуль Нуль Нуль Нуль Нуль Нуль Нуль Нужно
  • UIWebView застрял после webViewDidStartLoad
  • Как включить локальное хранилище в моем приложении на основе WebKit?
  • Как сделать запрос JQuery GET / AJAX частному / настраиваемому протоколу URL?
  • Что делает <meta name = "viewport" content = "width = device-width"> в ландшафтном режиме на iOS?
  • -webkit-overflow-прокрутка: перетаскивание касания: скрытый
  • Как диагностировать сбои, которые, как представляется, являются внутренними для WebCore (Thread 2, SIGSEGV)
  • Как очистить историю в WKWebView?
  • Interesting Posts

    Нужны советы, касающиеся кодирования с помощью MONO-TOUCH

    iPhone скрывает панель навигации только на первой странице

    iCarousel – элемент центра изменения Динамически iOS

    Установить программную маску маскировки UIView?

    Зачем использовать async HTTP-запрос по синхронизации HTTP в отдельном потоке?

    Глубокая ссылка после установки приложения iOS (отложенная глубокая привязка)

    Стиль DateElement в Monotouch.Dialog

    Как открыть файл «.msg» (Microsoft Outlook Message) в Objective-C или на C ++

    обратный вызов обратной кнопки в navigationController в iOS

    Преобразование существующей объектной модели в модель объектно-ориентированных данных

    Как установить ограничение соотношения сторон программным способом в ios

    Загрузка Mp4 вместо игры в Safari

    Как удалить изображение и написать текст в UIButton в Swift?

    Как указать имя пользователя в командной строке для Fastlane?

    В iOS я могу получить доступ к списку песен iTunes?

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