Theo bài báo này http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/ ta nên có thể kích hoạt tính năng tự nhiên giống như đà-di chuyển như thế này:Native giống như đà-di chuyển trên BODY trong iOS webapp
body{
-webkit-overflow-scrolling: touch;
}
Tuy nhiên, điều này không thay đổi bất cứ điều gì trong webapp của tôi. Nó cuộn cùng hoặc không có thuộc tính đó. Tôi hy vọng sẽ có một động lượng dài hơn như các ứng dụng gốc.
Tôi đã thử nghiệm trên DIV có thể cuộn, hoạt động - nhưng tôi không muốn thêm bất kỳ đánh dấu không cần thiết nào cho việc này.
Bất kỳ mẹo nào?
Thêm thông tin
Ok, đó là "loại của" công trình như thế này:
html, body {
height:100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
position:relative;
}
Tuy nhiên, bất cứ điều gì với position: fixed bên trong di chuyển BODY-tag trong khi di chuyển và tái tùy viên đến vị trí chính xác khi di chuyển dừng lại. Có điều gì tôi có thể làm để sửa lỗi này không?
Bất kỳ ai có bất kỳ thông tin nào về điều này?
Fiddle: http://jsfiddle.net/nMxEg/1/
whats 'position: relative; 'cho? –
Điều gì sẽ xảy ra khi bạn xóa hoặc thay đổi nó? –
@SantaClaus không thay đổi bất cứ điều gì. Đã thêm một fiddle ở trên (làm cách nào tôi có thể nhận được liên kết trực tiếp đến trang kết quả chỉ để thử nghiệm trên iOS?) –