Как отключить горизонтальное перетаскивание? (webkit-overflow-scrolling: touch;)

У нас есть вертикальная прокрутка, отлично работающая со следующим css для прокрутки веб-сайта iOS 5 touch, но мы все еще можем перетащить страницу влево и вправо. Как мы можем отключить перетаскивание влево и вправо?

Вот CSS:

#page_content{

-webkit-overflow-scrolling: touch;
overflow-x:hidden;
overflow-y: scroll;   
position:absolute;
height: 460px;
width: 320px;

}

Вот видео:
http://dl.dropbox.com/u/1737103/scrolling.mov

Спасибо заранее!

Ответы

Ответ 1

Я обнаружил, что могу исправить это, найдя/зафиксировав/удалив элементы, которые были шире ширины. Например, если у вас есть 100% -ная ширина на вашем контейнере, а затем элемент внутри имеет ширину 100% с запасом или отступом, даже если переполнение скрыто в контейнере, страница будет перетаскиваться из стороны в сторону.

Если вы можете убедиться, что ваши элементы внутри не пересекаются по горизонтали вне контейнера, страница не будет перетаскиваться. Если вам нужно заполнить процентную ширину внутри контейнера (например, один элемент со 100% шириной, или два с 50% или любой другой), "размер окна: рамка"; это путь вперед.