Làm cách nào để tắt tính năng kéo ngang? (webkit-overflow-scrolling: touch;)

Question

Chúng tôi có tính năng cuộn dọc làm việc tốt với css sau cho webkit của iOS 5 di chuyển 'chạm', nhưng chúng tôi vẫn có thể kéo trang sang trái và sang phải. Làm thế nào chúng ta có thể vô hiệu hóa kéo trái và phải?

Đây là CSS:

#page_content{ 

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

} 

Dưới đây là video:
http://dl.dropbox.com/u/1737103/scrolling.mov

Cảm ơn trước!

Answer 1

Tôi thấy tôi có thể sửa lỗi bằng cách tìm/sửa/xóa các phần tử rộng hơn chiều rộng. Ví dụ: nếu bạn có chiều rộng 100% trên vùng chứa của mình và sau đó phần tử bên trong có chiều rộng 100% với lề hoặc đệm, ngay cả khi phần tràn bị ẩn trên vùng chứa, trang sẽ kéo từ bên này sang bên kia.

Nếu bạn có thể đảm bảo các phần tử bên trong không tràn theo chiều ngang bên ngoài vùng chứa, trang sẽ không kéo. Nếu bạn cần đệm trên phần trăm chiều rộng bên trong vùng chứa (giống như một phần tử có chiều rộng 100% hoặc hai phần có 50% hoặc bất kỳ thứ gì), 'box-sizing: border-box;' là con đường phía trước.