iphone safari sanal klavyede yazarken seçilen öğeye kaydırma

Question

Bir iphone webapp yapıyorum ve giriş alanı olan bir sayfam var. Göründüğü zaman, alanın sanal klavyenin üzerine çıkmasını istiyorum. Giriş odağı olayına bir scrollTo (x, y) koymayı denedim (yani klavyenin gösterilmesinden hemen önce), ancak yazmaya başladığımda sayfa tekrar yukarı doğru kayar (muhtemelen varsayılan mobil safari davranışını temel alır). Ayrıca, tuşa basma olay işleyicileri ayarlamayı denedim, ancak bu olayların yayılmasını engellemek, kaydırma işlemini engellemesine rağmen, yalnızca klavyeyi devre dışı bıraktı.

Sanal klavye göründüğünde sayfanın belirli bir konumda olmasını (giriş alanının giriş klavyesiyle) zorlamak için herhangi bir yolu var mı ve yazmaya devam ettiğinde hareket etmemesi gerekiyor mu?

Answer 1

Tamam, muhtemelen bu muhtemelen göreceğiniz en kötü hack, ama hiçbir şey yenmez.

Yapabilecekleriniz, metin kutusunun konumunu, dinamik olarak (javascript kullanarak) sabit, position:fixed olarak değiştirmektir; bu, metin kutusunun sayfa yerine tarayıcı penceresine göre konumunu değiştirecektir. Bu, Iphone'un kaymasını alakasız hale getirmeli ve ne olursa olsun metin kutusunun sayfanın en üstünde olması gerekir. Daha sonra onBlur, css pozisyonu tekrar göreceli olarak ayarlanır (bunun yerine tekrar yerine koyması gerekir).

Bunu daha da güzelleştirmek için metin kutusunun arkasına bir boşluk koyabilirsiniz. Böylece, gerçek site içeriğini gizler ve üst ve sol css özelliklerini kullanarak metin kutusunu ortalayabilirsiniz (yalnızca onBlur'u temizlediğinizden emin olun).

Answer 2

Bu kudreti eser, ben senin almak sorunu bildiğimiz gibi

Bildiğim kadarıyla http://www.webkit.org/blog/386/3d-transforms/

Answer 3

Bkz yerine scrollTo (x, y) 'nin css translate3d kullanmaya çalışın zaman klavye başlattı olduğunu Tarayıcı, pencereyi öğenin kendisine bakmaya çalışmaktadır.

Olup olmadıysa, klavye çıkmadan önce kaydırma çubuğu konumunun kaydedilmesidir. Tarayıcı daha sonra pencerenin görüntüye getirmek için hareket etmesi gereken mesafeyi hesaplar, klavyeden sonra kaydedilen değere göre açılır. Pencerenin konumunu hangi saatte değiştirdiniz. Yani pencereyi, düşündüğünüz konumun aksine ayarladığınız konuma göre hareket ettiriyor.

Öğeyi el ile görüntülemeye (komut dosyası yok) kaydırmaya çalışmadığınızda, davranışınız nedir?

iPhone tarayıcısının, istediğiniz gibi yapacağı izlenim altındayım. Aksi takdirde, eleman konumlandırması ile ilgili bir şey olabilir. I.E. Tarayıcı, öğenin konumunu doğru bir şekilde hesaplayamaz, örn. Sabit bir konum kapsayıcısındaysa (tarayıcı, tarayıcının onu izlemeye çalıştığı anda yerini taşıyacaktır).

Bu başarısız olursa, scrollTo işlevini zaman aşımına sokmayı deneyebilirsiniz, böylece klavye çıktıktan sonra patlar.