Scorrimento orizzontale e scorrimento pagina verticale

Question

Sto costruendo un sito per dispositivi mobili e ho una presentazione di immagini che consente di scorrere le immagini orizzontalmente. La libreria javascript che sto usando è bxslider. Tuttavia, se si tocca la presentazione e si desidera scorrere la pagina su/giù, la presentazione blocca lo scorrimento verticale e quindi si deve toccare un'altra sezione del sito.

Qualcuno potrebbe dirmi come ho potuto mantenere scorrimento verticale abilitato (cioè, non consente la presentazione di bloccare la pergamena normale?)

Grazie!

Answer 1

Prova questo, modificare il onTouchMove fn nella biblioteca bxslider a questo

 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); 
      } 

     } 
    } 

Answer 2

Se goto la pagina delle opzioni per il sito web bxslider, ricerca di preventDefaultSwipeX, e preventDefaultSwipeY

Quelle sono ciò che sei cercando.