मैं किसी भी jquery विशेषज्ञ सहायता की वास्तव में सराहना करता हूं, जैसा कि मैंने पहले उपयोग किया है, इस नए एप्लिकेशन के लिए काफी काम नहीं कर रहा है।जब div div स्क्रीन स्थिति तक पहुंचता है, तो स्क्रू स्थिति
क्या मैं
मैं सही और मेरी वेबसाइट आवरण के बाईं ओर, जैसा कि आप पृष्ठ नीचे स्क्रॉल जो केवल दिखाई देने लगते हैं पर दो टैब है प्राप्त कोशिश कर रहा हूँ। और जैसे ही टैब स्क्रीन के केंद्र तक पहुंचते हैं, फिर वे स्थिति में लॉक होने के बाद, निश्चित स्थिति बन जाते हैं। सामान्य प्रभाव/नीचे विचार देखें ...
http://jsfiddle.net/motocomdigital/SGCHt/2/
समस्या
आपका शायद सोच कारण है कि मैं सवाल पूछ रहा हूँ अगर ऊपर बेला पहले से ही काम कर रहा है।
उपरोक्त पहेली काम करता है क्योंकि यह विंडो शीर्ष से स्क्रोलो स्थिति पर काम करता है।
लेकिन मेरी वेबसाइट पर, ये टैब केवल सामग्री क्षेत्र पर मौजूद हैं, और मेरे शीर्षलेख, बैनर, स्लाइडशो क्षेत्रों में ऊपर नहीं जा सकते हैं।
उपर्युक्त जेएसएफल्ड उदाहरण पर, आप देखेंगे कि कोई हेडर, बैनर या स्लाइडशो नहीं हैं। इसलिए यह मेरी वर्तमान स्क्रिप्ट के लिए कोई समस्या नहीं है क्योंकि टैब कंटेनर कॉलम शीर्ष पर सभी तरह से चलते हैं।
कृपया नीचे दिए गए फ़िडल्स देखें जिनमें लेआउट के विभिन्न संयोजन हैं और फिर आप मेरी समस्या देखेंगे।
कृपया ध्यान दें कि मैंने टैब कंटेनर कॉलम पर नारंगी पृष्ठभूमि हटा दी है ताकि आप डिज़ाइन बिंदु दृश्य देख सकें।
- हैडर, नव, स्लाइड शो, विज्ञापन - http://jsfiddle.net/motocomdigital/SGCHt/3/
- हैडर, नव, विज्ञापन - http://jsfiddle.net/motocomdigital/SGCHt/4/
- हैडर, नव - http://jsfiddle.net/motocomdigital/SGCHt/5/
अब देखते है, जो नीचे बेला टैब पर नारंगी पृष्ठभूमि है कंटेनर कॉलम ताकि आप सामग्री क्षेत्र div के बगल में टैब कैसे दिखाई दे सकें, इस बारे में संरचना देख सकते हैं।
http://jsfiddle.net/motocomdigital/SGCHt/6/
समाधान
स्क्रिप्ट कुछ कैसे टैब के लिए तय की स्थिति जोड़ने की जरूरत है, जब नल स्क्रीन के ऊपर से 50% तक पहुँचता है। लेकिन मुझे नहीं पता कि इसकी गणना कैसे करें क्योंकि टैब कंटेनर विंडो के शीर्ष पर सभी तरह से नहीं चलते हैं। क्या यह हासिल करने की एक और स्क्रिप्ट विधि है?
किसी भी मदद की सराहना की जाएगी। धन्यवाद!
एक पिन की गई सुविधा के साथ आ [** jQuery लंबन प्लगइन **] (http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm) का उपयोग करने पर विचार करें कि प्रश्न में टैब को संभालने के लिए क्रॉस ब्राउज़र अनुकूल है। – arttronics