Sayfa sırasına göre gizleme ve gösterme iphone üzerinde kaydırma

Question

Web sayfasının üst kısmındaki bir öğenin (div) görüntülenmesi gerekir. Kaydırma sırasında, kaydırma sona erdikten sonra öğe kaybolmalı ve yeniden görünmelidir.

karmaşıklığı eklemek için:

1. bizim kod konuk kodu (böylece biz vb DOM yapısını manipüle edemez) 'dir.
2. bizim kod Biz belge/vücut üzerinde touchstart olay dinlemek ve bu işle işleyicisinde elemanını (div) gizlemek için denedim iPhone/iPad (mobil Safari tarayıcı)

üzerinde çalışmak için tasarlanmıştır. Ancak, bazı sitelerde (DOM yapısı makul ölçüde karmaşık hale geldiğinde), işleyici uygulaması tamamen boş olsa bile, kaydırma yanıt süresi önemli ölçüde artar.

Öğe (yeniden) görünümünü, kaydırma yaparken kullanıcı deneyiminden en az düzeyde etkilenerek yönetmenin uygun yolunu arıyoruz.

Answer 1

akıcı, desteklenir. Sorunlarınızı çözmek için iyi bir başlangıç ​​noktası olabilir.

Answer 2

Javascript'in en iyi çözüm olduğunu düşünürdüm. DIV'nizi dinamik olarak document.createElement öğesini kullanarak herhangi bir içeriğe ekleyebilir, sonra da onu dinlemek için biraz javascript ekleyebilirsiniz ...

İsterseniz DIV'yi yerel koddan oluşturulan özel HTML kullanarak da doldurabilirsiniz.

Herhangi bir yardım?

Answer 3

JQuery kullanıcısı olup olmadığını bilmiyorum, ancak bu .scroll() işlevi tam olarak ne yapmak istediğinizi yapmanıza yardımcı olabilir. Nasıl çalıştığını görmek için demoya göz atın. senin eleman ekran koordinatları yerleştirilmelidir böylece son iOS sürümü (5.x) sabit konumlandırma (CSS'deki position:fixed) olarak

http://api.jquery.com/scroll/