qtip का उपयोग करते समय पृष्ठ स्क्रॉल से कैसे बचें?

Question

मैं qTip का एक बड़ा प्रशंसक हूं, लेकिन मैं सोच रहा था कि मोडल विंडो का उपयोग करने के लिए कोई तरीका नहीं था, बिना पृष्ठ को स्क्रॉल किए।

आसपास देखा है लेकिन अभी तक कुछ भी नहीं मिला है। क्या यह संभव है?

Answer 1

हाँ यह संभव है! आपको लगता है कि अगर qTip1 की एक विशेषता है, लेकिन मैं qTip2 में में प्रयोग किया जाता है जहाँ आप टूलटिप

position : { 
    my : 'right center', 
    at : 'left center', 
    adjust : { 
     screen : true 
    } 
} 

की स्थिति मुझे यकीन है कि नहीं कर रहा हूँ निर्दिष्ट

adjust : { 
    screen : true 
} 

समायोजित क्षेत्र सेट करना होगा। टूलटिप स्वचालित रूप से समायोजित किया जाता है अतिप्रवाह और स्क्रॉल

Answer 2

आप टिप का लक्ष्य निर्धारित करना चाहिए qTip dialog demo में के रूप में खिड़की होने के लिए से बचने के लिए:

position: { 
     my: 'center', 
     at: 'center', 
     target: $(window) 
} 

या फिर आप टिप करने के लिए निश्चित स्थिति आवेदन कर सकते हैं मॉड्यूल संवाद की स्क्रॉलिंग को रोकने के लिए सीएसएस के माध्यम से पूरी तरह से। qTip स्वचालित स्थिति के साथ स्वचालित रूप से सभी ब्राउज़र समस्याओं के लिए समायोजित करता है (खांसी आईई खांसी)। उदाहरण के लिए:

.ui-tooltip { 
     position: fixed; 
} 

या, यदि आप अपने खुद के classnames है:

.ui-tooltip-myClassName { 
     position: fixed; 
} 

प्रदान की अन्य जवाब के संबंध में, ध्यान दें qTip2 व्यूपोर्ट समायोजन के लिए एक अलग प्रारूप (यह अब स्थिति है कि .adjust.screen यह qTip1 में था के रूप में) और विशेष रूप से आप क्या तत्व से युक्त समायोजन के लिए इस्तेमाल किया जाना चाहिए परिभाषित करने के लिए अनुमति देता है:

position: { 
     viewport: $(window) 
} 

या, एक युक्त तत्व खिड़की/एस के बजाय के लिए creen:

position: { 
     viewport: $('#myElement') 
} 

तुम भी अब परिभाषित कर सकते हैं कि कैसे समायोजन "विधि" पैरामीटर के साथ किया जाता है और विवश कर सकते हैं यह केवल अन्य के लिए 'कोई नहीं' का उल्लेख करके एक धुरी पर समायोजित करने के लिए। डिफ़ॉल्ट/विरासत विधि 'फ्लिप' है, लेकिन आप 'शिफ्ट' भी निर्दिष्ट कर सकते हैं जो केवल टिप को व्यूपोर्ट में फिट करने के लिए पर्याप्त स्थानांतरित करती है। प्रारूप है:

position: { 
     viewport: $(window), 
     adjust: { 
      method: '<method>' 
     } 
} 

या,

position: { 
     viewport: $(window), 
     adjust: { 
      method: '<horizontalMethod> <verticalMethod>' 
     } 
} 

उदाहरण के लिए:

position: { 
     viewport: $(window), 
     adjust: { 
      method: 'shift' 
     } 
} 


position: { 
     viewport: $(window), 
     adjust: { 
      // Only adjust tip position on the horizontal axis 
      method: 'shift none' 
     } 
}