iOS Safari'de çalışan bir "yapışkan" sabit konumlu öğe oluşturma

Question

iOS safari'de, tek parmakla kaydırma, kullanıcı kaydırma işlemini durdurana kadar herhangi bir olay oluşturmaz. Bir onscroll olayı sadece sayfa hareket etmeyi ve yeniden çizmeyi bıraktığında oluşturulur.

Gerçek zamanlı kaydırmayı algılamanın bir yoluna ihtiyacım var. Özellikle, iOS safari üzerinde çalışacak bir yapışkan menü yapmak istiyorum. Mobil olmayan tarayıcılarda, yapışkan menü, olay kayıtlarını dinlerken öğeye "konum bağıntısı" ile "konum sabitleme" arasında geçiş yapılarak yapılabilir. Bu yöntem mobil tarayıcıda çalışmayacaktır, çünkü inroll olayları sürekli olarak tetiklenmez. Ne yapabilirim?

Answer 1

Kendi sorumu yanıtlama. iOS7 şu anda konumu destekliyor: yapışkan Demo: http://html5-demos.appspot.com/static/css/sticky.html

Answer 2

İstediğiniz tek şey yapışkan bir menü ise, varolan bir kitaplığı kullanarak kendinize bazı baş ağrıları kazandırabilirsiniz. Ben iScroll ile başarı elde ettik: En azından

http://cubiq.org/iscroll

, bu nasıl çalıştığına bir göz atın ve bu çevrede çözümünüzü temel alabilirsiniz.

Mutlu hack!

Answer 3

Kesin olan eski konu, ama burada bir sürü ziyaret görebilirsiniz. İstediğiniz, yapışkan bir menü ise, sabit konumlandırmayı kullanabilirsiniz. Orada iScroll gerek yok.

Answer 4

Kısa süre önce aynı sorun için pratik bir çözüm bulmaya çalışırken çok zaman harcadım. Bunu yapmak için doğru bir yol yoktur, ancak birkaç iyi korsan olmasına rağmen (bunların çoğu zaten belirtilmiştir). Sorun, kullanıcı gezinirken JavaScript'in duraklatılmasıdır. Sonuçları düşündüğünüzde anlamlıdır, ancak sabit konumlandırılmış eleman uygulamak zorlaşır.

Bulabildiğim en iyi şey, Google'daki milletlerin bu harika gönderisidir. Hareket halindeyken görmek için mobil safaride http://gmail.com adresini kontrol edebilirsiniz. Bu yardımcı olur

https://developers.google.com/mobile/articles/webapp_fixed_ui

Umut.

Answer 5

Tek bir parmak kaydırma işlemini algılamak için jquery'yi kullanarak touchstart/touchmove/touchend'e dokunarak benzer bir sorunla karşılaştım ve işleyicileri bağladım. Benim durumumda başka bir öğenin başka bir öğenin girişme hareketiyle aynı miktarda hareket etmesi gerekti ve kaydırma girişiminde bulunduğundan güzel bir şekilde güncellendi, böylece gereksiniminize uygun olması gerekiyordu.