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

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

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

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

2 Solutions collect form web for “проблема с прокруткой webkit-переполнения с осью 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%; } 
  • iOS5 -webkit-overflow-прокрутка вызывает остановку работы сенсорных событий
  • видимые полосы прокрутки IOS с "webkit-overflow-scrolling: touch"
  • Как я могу получить файл с помощью WKWebView?
  • WKWebView + contentInset делает неправильный размер контента
  • Как настроить пользовательские заголовки HTTP на запросы, сделанные WKWebView
  • touchhend событие в ios webkit не стреляет?
  • iOS Safari RTL Offset с использованием -webkit-overflow-прокрутки: touch и -webkit-transform: translate3d (0,0,0)
  • Как очистить историю в WKWebView?
  • CSS3 - Анимация свойства margin-left через JavaScript
  • `-webkit-overflow-scrolling: touch` сломан для первоначальных внеэкранных элементов в iOS7
  • UIWebView позволяет использовать свойствоInlineMediaPlayback для 4.2 на iPad
  • Interesting Posts

    Можно ли безопасно удалить дубликаты ссылок файлов в файлах project.pbxproj из XCode?

    Ошибка сборки Phonegap: нет идентификатора разработчика / дистрибутива iPhone, найденного в вашем сертификате

    Каков наилучший подход для анализа XML / 'scraping экрана в iOS? UIWebview или NSXMLParser?

    EXC_BAD_ACCESS при установке CLBeacon на ноль

    Программирование iPhone – передача NSMutableArray между контроллерами представления

    как я могу установить максимальное значение в моем вводе даты html5, чтобы он мог быть распознан сафари для iOS?

    Невозможно преобразовать NSData в NSString при использовании UIImageJPEGRepresentation ()?

    Тестовые сеансы полетов пустые

    CMPedometer SIGABRT crash iOS 10?

    Как можно принудительно показать мобильную навигационную панель Safari для отображения программно?

    Xcode 6 Beta 6 CUICatalog: Недопустимое имя актива: (null) или неверный масштабный коэффициент: 2.000000

    Обнаружение / фиксация утечек памяти

    Добавьте две координаты в функцию кнопки, чтобы запустить mapKit и начать навигацию между двумя точками (Swift)

    Создать Force Touch в OS X

    Допустимый путь к файлу для архиваторного объекта и unarchiverootobject

    PhoneC: Разработка iOS проста с помощью XCode, Swift3, UITableView, cocatouch, давайте создадим приложения для iPhone, iPad и Macbook.