2009-08-18 15 views
16

से संबंधित वर्तमान विंडो स्थिति के शीर्ष पर जाएं I मॉडल बॉक्स jQuery प्लगइन विकसित कर रहा हूं, और मुझे कुछ विंडो गुणों को प्राप्त करने के बारे में जानने की आवश्यकता है।दस्तावेज़ निकाय

बॉक्स और उसके शेडर div पृष्ठ के शीर्ष पर फीका हुआ है, और शेडर div पूरे शरीर को कवर करता है, न केवल खिड़की (क्षैतिज स्क्रॉल बार वाले पृष्ठों के लिए महत्वपूर्ण)। जब मॉडल div fades में, यह खिड़की के आधार पर क्षैतिज और लंबवत केंद्रित है। हालांकि, यदि उपयोगकर्ता पृष्ठ को नीचे स्क्रॉल करता है तो यह काम नहीं करेगा (बॉक्स पृष्ठ के शीर्ष पर होगा क्योंकि यह अकेले विंडो आकार के आधार पर केन्द्रित है)।

क्या शरीर के सापेक्ष खिड़की के ऊपर और बाएं स्थिति पाने का कोई तरीका है।
उदाहरण के लिए, उपयोगकर्ता ने पृष्ठ को स्क्रॉल कर दिया है और मॉडल बॉक्स को खोलने के लिए जो भी क्लिक किया है, मैं खिड़की के शीर्ष से नीचे खिड़की के शीर्ष पिक्सेल की संख्या प्राप्त करने के लिए क्या कर सकता हूं।

उत्तर

30

देख रहे हैं यह है कि यह करना चाहिए: ओवरले के लिए

document.documentElement.scrollTop || document.body.scrollTop; 
document.documentElement.scrollLeft || document.body.scrollLeft; 
14

जब तक मैं सवाल गलत समझ रहा हूँ मुझे लगता है कि तुम सिर्फ लिए

$(window).scrollTop() 
+0

धन्यवाद, मुझे नहीं पता था कि jQuery को एक सीएसएस फ़ंक्शन प्राप्त करने के लिए यह पता था (क्यों हमेशा किसी को दस्तावेज़ को पूरी तरह से जांचना चाहिए) –

0

आप कर सकते हैं

.ModalOverlay 
{ 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
} 

और आप इसे दिखाएं या छुपाएं।

+0

ओवरले समस्या नहीं थी, यह ब्राउज़र विंडो में वास्तविक मॉडल बॉक्स को केंद्रित कर रहा था। ओवरले और मॉडल बॉक्स दो अलग divs हैं; मॉडल बॉक्स ओवरले से 1 ज़िन्डेक्स उच्च है। –

संबंधित मुद्दे