SORU
17 EKİM 2011, PAZARTESİ


belge.ontouchmove ve iOS 5 üzerinde kaydırma

iOS 5 güzel şeyler bir dizi/Web Uygulamaları JavaScript getirdi. Bunlardan biri geliştirilmiş kaydırma. Eğer eklerseniz

-webkit-overflow-scroll:touch;

button öğesinin stil, kayan güzel bir parmak ile çalışır.

Ama bir sorun var. Kaydırma tüm ekran önlemek için, web apps bu kod satırı eklemek önerilir:

document.ontouchmove = function(e) {e.preventDefault()};

Bu, ancak, yeni kaydırma devre dışı bırakır.

Herkes yeni bir button içinde kaydırma, ama bütün formu kaydırmak için izin vermek için iyi bir yol var mı?

CEVAP
17 EKİM 2011, PAZARTESİ


Veya preventDefault denir mi seçerek kaydırma izin vermek gerekir. E. g.,

document.ontouchmove = function(e) {
    var target = e.currentTarget;
    while(target) {
        if(checkIfElementShouldScroll(target))
            return;
        target = target.parentNode;
    }

    e.preventDefault();
};

Alternatif olarak, bu belge seviyeye ulaşmasını olay engelleyerek çalışabilir.

elementYouWantToScroll.ontouchmove = function(e) {
    e.stopPropagation();
};

EditHerkes daha sonra okumak için, başka cevap çalışır ve daha kolay yoludur.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • DrakeVEVO

    DrakeVEVO

    17 AĞUSTOS 2009
  • Matthew Smith

    Matthew Smit

    24 Mayıs 2010
  • TheXiaxue

    TheXiaxue

    3 AĞUSTOS 2009