वेब पेज विंडो को स्थानांतरित करने से आईओएस सफारी को रोकें ताकि ड्रैग इवेंट हो सकता है

Question

मैं बहु स्पर्श पर गतिशील ड्रैग के लिए Pep.js का उपयोग कर रहा हूं, लेकिन मेरे ड्रैग ईवेंट पंजीकृत नहीं हैं क्योंकि जब मैं सफारी में ऑब्जेक्ट खींचने का प्रयास करता हूं , आईओएस पर, खिड़की खिड़की खुद ही चलता है और मेरे ड्रैग का पालन करता है।

मैं ब्राउज़र विंडो को अपने ड्रैग का पालन करने से कैसे रोक सकता हूं ताकि <div> मेरे वेबपृष्ठ में खींचा जा सके?

यहां प्रश्न में वेबपृष्ठ है: http://goo.gl/TsHgh। लिंक पर क्लिक करें और <div> स्लाइड्स में क्लिक करें, यह वह div है जो ड्रैग करने योग्य है। यह डेस्कटॉप ब्राउज़र पर काम करता है, लेकिन मल्टी-टच पर खींचा नहीं जा सकता है क्योंकि सफारी खिड़की को मेरे ड्रैग के साथ ले जाती है।

Answer 1

अपने html

Answer 2

आपका एनीमेशन क्या समस्या पैदा कर रहा है में टैग सिर करने के लिए

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/> 

जोड़ने की कोशिश करो।

ठीक है, जिस श्रेणी में आपकी एनीमेशन लागू की जा रही है।

एनीमेशन के बाद कक्षा को हटाएं।

html, body { 
    overflow:hidden; 
} 

जे एस:

html, body{ 
    overflow:hidden; 
} 

Answer 3

मैं #ionicframework

सीएसएस के साथ काम करते हुए इस समाधान पाया है:

setTimeout(function(){ 
    $('#tabViewWindow').removeClass('animated').removeClass('bounceInRight'); 
}, 1200); 

इसके अलावा, खिड़की पर स्क्रॉल को निष्क्रिय करने के

$(window).bind(
    'touchmove', 
    function(e) { 
    e.preventDefault(); 
    } 
);