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

  • BSA

    BSA

    9 NİSAN 2012
  • jat4011

    jat4011

    16 EKİM 2010
  • Mindy

    Mindy

    20 NİSAN 2006