jQuery ड्रैगगेबल स्क्रीन से ड्रैग

Question

जब उपयोगकर्ता खिड़की के टाइटलबार को पकड़ लेता है और दाईं तरफ ड्रैग करता है, तो पृष्ठ दाएं स्क्रॉल करना शुरू कर देगा। क्या इसे रोकने का कोई तरीका है?

पुन: पेश करने के लिए: https://jqueryui.com/draggable/ विंडो को दाईं ओर खींचें।

और body टैग पर मेरे पास overflow: hidden है। सुनिश्चित नहीं है कि यहां और क्या करना है। मैं खिड़की पर रोकथाम विकल्प का उपयोग नहीं करना चाहूंगा क्योंकि मैं चाहता हूं कि वे स्क्रीन को थोड़ा सा स्लाइड कर सकें।

Answer 1

जब आप jQuery UI Draggable का उपयोग करते हैं, तो आपके पास Containment नामक एक विकल्प होता है। उसमें, आप माता-पिता को निर्दिष्ट कर सकते हैं, जिसके अंदर इसे बाधित किया जाना चाहिए। आपके मामले में, माता-पिता body होना चाहिए।

एक विकल्प के रूप में, आप इस्तेमाल कर सकते हैं scroll option:

$("#outlook").draggable({ scroll: false }); 

Answer 2

इस प्रयास करें: कहते हैं कि अपने मुख्य तत्व नाम के एक div है की सुविधा देता है 'MyWindow';

document.getElementById('myWindow').scrolling = "no";