iScroll

Question

में खींचते समय एक href को कैसे क्लिक न करें मेरे पास my page पर iScroll सक्षम है।

नोटर स्क्रॉलर में छवियां लिंक हैं (इसलिए बड़ी छवि के लिए एक पॉपअप खुलता है, सौदा पता है)। लेकिन iScroll की सुंदर सुविधाओं में से एक यह है कि आप स्क्रॉल करने के लिए अपने माउस को खींच सकते हैं। लेकिन अब, जब कोई इसे ड्रैग करता है, तो यह बार को स्क्रॉल करने के बजाय स्वचालित रूप से छवि खोलता है। क्या आसपास कोई काम है?

Answer 1

मैं कहूंगा कि स्क्रॉलर को खींचने के दौरान प्रत्येक एंकर को कक्षा जोड़ना होगा। उदाहरण के लिए ड्रैग किए जाने पर प्रत्येक एंकर को "ड्रैगिंग" का क्लास नाम संलग्न करें, फिर स्टॉप खींचते समय कक्षा को हटा दें।

इसका मतलब है कि आप किसी भी लिंक पर रोकथाम को जोड़ सकते हैं जिसमें "ड्रैगिंग" वर्ग है। की तर्ज पर कुछ:

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

हालांकि यह अपरीक्षित कोड ताकि आप चयनकर्ताओं को परिष्कृत करने की आवश्यकता हो सकती है।

Answer 2

मैंने आईएसक्रॉल पर एक पैच बनाया है जो इस समस्या को हल करता है। https://github.com/zmathew/iscroll/commit/3d77681a9f4b3a6b5a7579df4443bc53356d5584

वैकल्पिक रूप से आप यहां से iScroll के पूरे समझौता संस्करण हड़पने कर सकते हैं:: आप diff यहाँ देख सकते हैं डाउनलोड करने के लिए https://github.com/zmathew/iscroll/tree/prevent-scroll-clicks

Answer 3

हैलो iScroll 4.2.5 के यहां संशोधित किया गया है संस्करण

iScroll 4.2.5 + click fix

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

Answer 4

समाधान मेरे लिए काम नहीं किया है, यह मेरा सरल तय है। ड्रैग करते समय सत्य पर खींचें सेट करें, इसे गलत पर सेट करें। खींचते समय क्लिक करें, इसे अनदेखा करें।

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

     }); 

और एंकर पर खींचकर

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