iOS klavyesinin CSS veya JS

Question

ile ekranın dışına itilmesini nasıl önleyebilirim Düğmeye dokunduğunuzda bir model oluşturan yanıt veren bir web sayfam var. Modal açıldığında, sabit konumlandırmayı kullanarak sayfanın tüm genişliğini ve yüksekliğini alması ayarlanır. Modal da içinde bir giriş alanı vardır.

iOS cihazlarda, giriş alanı odaklandığında klavye açılır. Ancak, açıldığında, tam belgeyi, sayfamın yarısı görünümün üst kısmının üstüne çıkacak şekilde kaldırır. Gerçek html etiketinin kendisini klavyeyi telafi etmek için yukarı itildiğini ve CSS veya JavaScript ile gerçekleşmediğini doğrulayabilirim.

Bunu daha önce hiç kimse gördü ve öyleyse, klavye açıldıktan sonra bir şeyleri engellemek ya da yeniden konumlandırmak için bir yol var mı? Bu bir problem çünkü modalın üst kısmındaki içeriği görebilmek için kullanıcılara ihtiyacım var, aynı anda giriş alanını otomatik olarak odaklamak istiyorum.

Answer 1

her şeyden önce IOS sürümleri için kullanabilirsiniz

<script type="text/javascript"> 
$(document).ready(function() { 
    document.ontouchmove = function(e){ 
      e.preventDefault(); 
      } 
}); 

sonra bu

input.onfocus = function() { 
    window.scrollTo(0, 0); 
    document.body.scrollTop = 0; 
} 

Answer 2

Hem IOS8 hem de Safari yazıcıları sayfa yüklendikten sonra input.focus() için aynı davranır. Her ikisi de elemana zum ve klavyeyi. (Çok emin değilim bu yardım olabilir ama böyle bir şey kullanarak denedim olacak olursa?)

HTML

<input autofocus> 

JS IS

for (var i = 0; i < 5; i++) { 
document.write("<br><button onclick='alert(this.innerHTML)'>" + i + "</button>"); 
} 

//document.querySelector('input').focus(); 

CSS

button { 
width: 300px; 
height: 40px; 
} 

ALso bir kullanıcı aracısı geçici çözümü kullanmak zorunda kalacak, sen

if (!/iPad|iPhone|iPod/g.test(navigator.userAgent)) { 
element.focus(); 
}