Yếu tố đầu vào iOS 7 di chuyển các phần tử cố định vị trí

Question

Tôi đang cố gắng biên dịch lại ứng dụng cho iOS 7, vì không có ứng dụng nào cũ hoạt động cho đến nay. Một trong nhiều vấn đề là tôi đang sử dụng một số đầu vào bên trong UIWebViews. Đầu vào văn bản, bộ chọn, v.v.

Bây giờ, khi bàn phím màu trắng sáng lên iOS 7 xuất hiện, tất cả các phần tử cố định dưới cùng trong trang web (chẳng hạn như, nút xác nhận) được cuộn lên trên, như thể 'đầu' của bàn phím ảo là đáy mới của UIWebView của tôi. Đây là một hành vi khác biệt đáng kể từ iOS6.x

Có bất kỳ mẹo ảo nào để làm cho hành vi bàn phím ảo hoạt động như trước đây, mà không cần tiêm JS/CSS vào webView không?

Answer 1

Điều này đã khắc phục được sự cố cho ứng dụng cordova của tôi. Tôi không chắc chắn nếu nó áp dụng cho bạn, nhưng chỉ trong trường hợp.

Kiểm tra thẻ meta html của bạn cho một cái gì đó như thế này:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"> 

Thay thế nó với điều này:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" /> 

Answer 2

tôi chạy qua một cách chính xác cùng một vấn đề & đã từ bỏ sau hai ngày thử nghiệm. Có vẻ như: a) tất cả các phần tử cố định dưới lên trên sao cho phần dưới của chúng tương ứng với cạnh trên của bàn phím c) tất cả các phần tử cố định ở trên vị trí ban đầu của chúng (không di chuyển lên trên khi chúng được sử dụng để) - lưu ý rằng các yếu tố trên cùng tuyệt đối hoạt động tốt.

Giải pháp duy nhất tôi thấy được để có một phong tục iPad stylesheet thay thế tất cả các yếu tố cố định với các yếu tố tuyệt đối, đặt css tài sản dưới để tự động và sử dụng hàng đầu thay vì

Answer 3

Opposum, giải pháp của bạn làm việc cho tôi nhưng chỉ khi tỷ lệ đã được đặt thành 1.0. Nếu tôi đặt nó là 0,9 thì nó sẽ giống như trước khi bạn sửa chữa. Tôi thiết lập quy mô ban đầu, tối đa quy mô, và quy mô tối thiểu đến 0,9 và hiệu ứng nảy của các đối tượng cố định khi bàn phím xuất hiện vẫn đang diễn ra.

Answer 4

Trong trường hợp của chúng tôi, điều này sẽ tự khắc phục ngay sau khi người dùng cuộn. Vì vậy, đây là việc sửa chữa chúng tôi đã sử dụng để mô phỏng một cuộn trên blur trên bất kỳ input hoặc textarea:

$(document).on('blur', 'input, textarea', function() { 
    setTimeout(function() { 
     window.scrollTo(document.body.scrollLeft, document.body.scrollTop); 
    }, 0); 
});