Jak wyłączyć przeciąganie w poziomie? (webkit-overflow-scrolling: touch;)

Question

Mamy pionowe przewijanie działa dobrze z następującymi css dla iOS 5's przewijanie "touch" przewijania, ale wciąż jesteśmy w stanie przeciągnąć stronę w lewo i prawo. Jak możemy wyłączyć przeciąganie w lewo i w prawo?

Oto CSS:

#page_content{ 

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

} 

Oto video:
http://dl.dropbox.com/u/1737103/scrolling.mov

Z góry dzięki!

Answer 1

Znalazłem, że mogę to naprawić, znajdując/naprawiając/usuwając elementy, które były szersze niż szerokość. Na przykład, jeśli szerokość kontenera wynosi 100%, a element wewnątrz ma szerokość 100% z marginesem lub dopełnieniem, nawet jeśli przelew zostanie ukryty w kontenerze, strona przeciągnie się z boku na bok.

Jeśli możesz upewnić się, że twoje elementy wewnątrz nie rozlewają się poziomo poza pojemnik, strona nie zostanie przeciągnięta. Jeśli potrzebujesz wyściółki na szerokość procentową wewnątrz pojemnika (jak jeden element o szerokości 100% lub dwa z 50% lub cokolwiek innego), "box-sizing: border-box;" jest drogą do przodu.