2013-02-05 16 views
5

Mobil site yapıyorum ve resimlerin yatay olarak kaymasını sağlayan resimlerden oluşan bir slayt gösterimi var. Kullandığım javascript kitaplığı bxslider. Ancak, slayt gösterisine dokunur ve sayfayı yukarı/aşağı kaydırmak isterse, slayt gösterisi dikey kaydırmayı engeller ve bu nedenle sitenin başka bir bölümüne dokunulmalıdır.Yatay tokatlama hareketi ve dikey sayfa kaydırma

Birisi dikey kaydırma etkin tutmak nasıl söyleyebilir misiniz (yani, değil slayt, normal kaydırma engellemek için? Tanıyın)

Teşekkür!

+0

Birisi zaten bu konuda bir sorun açtı (https://github.com/wandoledzep/bxslider-4/issues/82). Oradaki ilerlemeyi takip etmek en iyisi olabilir. – Mottie

cevap

3

Eğer bxslider web sitesi için seçenekler sayfasına gidiniz, bu

 var onTouchMove = function (e) { 
     if (slider.settings.mode != 'fade') { 
      var orig = e.originalEvent; 
      var value = 0; 
      // if horizontal, drag along x axis 
      if (slider.settings.mode == 'horizontal') 
      { 
       var hchange = orig.changedTouches[0].pageX - slider.touch.start.x; 
       var vchange = orig.changedTouches[0].pageY - slider.touch.start.y; 

       if(Math.abs(hchange)>20 && Math.abs(hchange)>Math.abs(vchange)) 
       { 
        value = slider.touch.originalPos.left + hchange; 
        setPositionProperty(value, 'reset', 0); 
        e.preventDefault(); 
       } 
       // if vertical, drag along y axis 
      } else{ 
       e.preventDefault(); 
       var change = orig.changedTouches[0].pageY - slider.touch.start.y; 
       value = slider.touch.originalPos.top + change; 
       setPositionProperty(value, 'reset', 0); 
      } 

     } 
    } 
1

için bxslider kütüphanede fn onTouchMove değiştirme preventDefaultSwipeX arayışını bu deneyin ve preventDefaultSwipeY

Bunlar neysen osun aramak.

İlgili konular