Come NON-fare clic su un href durante il trascinamento in iScroll

Question

Ho attivato iScroll su my page.

Si noti che le immagini nello scroller sono collegamenti (quindi un popup si apre per l'immagine più grande, si conosce l'accordo). MA una delle fantastiche funzionalità di iScroll è che puoi trascinare il mouse per scorrere. MA ora, quando qualcuno lo trascina, apre automaticamente l'immagine invece di scorrere la barra. C'è una soluzione?

Answer 1

Direi di aggiungere una classe a ogni ancora mentre lo scroller viene trascinato. Ad esempio, aggiungi un nome di classe di "trascinamento" a ciascun ancoraggio mentre viene trascinato, quindi rimuovi la classe durante il trascinamento.

Ciò significa che è possibile aggiungere un preventDefault a qualsiasi collegamento che abbia la classe "trascinamento". Qualcosa sulla falsariga di:

myScroll1 = new iScroll('scroll1', { 
     snap: 'li', 
     momentum: false, 
     hScrollbar: false, 
     onScrollStart: function() { 
      $('div#iscroll1 a').addClass("dragging"); 
     }, 
     onScrollEnd: function() { 
      $('div#iscroll1 a').removeClass("dragging"); 
      document.querySelector('.indicator > li.active').className = ''; 
      document.querySelector('.indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active'; 
     } 
    }); 
    $('.dragging').click(function (e) { 
     e.preventDefault(); 
    } 

Questo è il codice però non testato quindi potrebbe essere necessario per perfezionare i selettori.

Answer 2

Ho creato una patch per iScroll che risolve questo problema. Si può vedere il diff qui: https://github.com/zmathew/iscroll/commit/3d77681a9f4b3a6b5a7579df4443bc53356d5584

In alternativa si può afferrare l'intera versione modificata di iScroll da qui: https://github.com/zmathew/iscroll/tree/prevent-scroll-clicks

Answer 3

Ciao versione qui viene modificato di iScroll 4.2.5 scaricare

iScroll 4.2.5 + click fix

onBeforeScrollStart: function (e) {if(!hasTouch) e.preventDefault();}, 

Answer 4

soluzione non ha funzionato per me, ecco la mia semplice soluzione. Impostare il trascinamento su true durante il trascinamento, impostarlo su false quando no. Se fai clic durante il trascinamento, ignoralo.

var myScroll = new iScroll("scroll1", { onBeforeScrollMove: function() { 
      window.dragging = true; 
     }, 
      onScrollEnd: function() { 
       //had to use a timeout here because without it it would fire on links at the end of the drag/dragging slowly 
       setTimeout(function() { 
        window.dragging = false; 
       }, 10); 
      } 

     }); 

e sulle ancore di controllo per trascinare

$(".myanchors a").click(function() { 
     if (window.dragging) { 
      return false; 
     } 
    });