Jquery-ui draggable स्क्रॉल लंबवत केवल

Question

तो मेरे पास मेरी स्क्रीन के निचले दाएं हिस्से में एक निश्चित ड्रॉपपेल div है। मेरे पास ड्रैगगैबल्स की एक सूची है जिसे ट्रैश (फिक्स्ड ड्रॉपपैबल) में खींचा जा सकता है लेकिन मैं क्षैतिज स्क्रॉलबार को ट्रैश के पास खींचते समय प्रकट नहीं करना चाहता हूं। मैं नहीं चाहता कि ड्रैगगेबल्स क्षैतिज स्क्रॉल करने में सक्षम हों। पेज पर अन्य ड्रॉपपैबल्स नीचे दिए गए हैं जिन्हें उन्हें छोड़ दिया जा सकता है ताकि उन्हें प्राप्त करने के लिए उन्हें लंबवत स्क्रॉल करना होगा।

समस्या का jsfiddle यहां है।

धन्यवाद

Answer 1

आप खींचने योग्य तत्वों पर containment विकल्प (doc) का उपयोग कर सकते हैं। इस तरह से आप शरीर तत्व में उनके आंदोलन के लिए विवश कर सकते हैं: केवल अनुमति देते हैं ऊर्ध्वाधर खींचने के लिए

$('.draggable').draggable({ 
    ... 
    containment: 'body', 
    ... 
}); 

DEMO

Answer 2

के लिए, आपको खींचने योग्य इस तरह के "अक्ष" गुण सेट करना होगा:

:

$("selector").draggable({ 
    axis: "y" 
}); 

और अगर आप पहले से ही एक प्रारंभ खींचने योग्य वस्तु है, तो आप इसे इस तरह सेट करना होगा