मेरी साइट नेविगेशन को कंटेनर के दाईं ओर फ़्लोट करने की आवश्यकता है, लेकिन एक निश्चित स्थिति में रहें ताकि जब भी पृष्ठ स्क्रॉल हो, नेविगेशन अभी भी शीर्ष से 350px दाएं है। यह तब तक काम करता है जब तक मैंने position:fixed
लागू नहीं किया, यह करने के बाद कि नेविगेशन दाहिने ओर फंस गया है। कोई विचार है कि मैं दोनों दुनिया (दाएं तरफ, और निश्चित स्थिति) का सर्वोत्तम कैसे हो सकता हूं?एक निश्चित स्थिति के साथ दाईं तरफ तैरने वाली नौसेना?
11
A
उत्तर
38
स्थिति का उपयोग: तय इच्छित स्थान पर अपने नेविगेशन तत्व प्राप्त करने के लिए समायोजित करने के शीर्ष/सही/नीचे/छोड़ दिया सीएसएस की आवश्यकता है।
उदाहरण के लिए:
nav {
right: 0;
top: 50%;
}
या
nav {
right: 0;
top: 0;
}
-1
विधि एक्स:
बस एक और विभाजन के भीतर आवश्यक विभाजन पैदा करते हैं।
पद दें: निश्चित; चौड़ाई: 100%; बाहरी div के गुण।
फ्लोट दें: दाएं; अंदरूनी div के लिए संपत्ति।
चूंकि फ्लोट और स्थिति गुण दो अलग-अलग डिवीजनों को दिए गए हैं, यह प्रभावी होगा। सुनिश्चित करें कि दो डिवीजनों के सभी अन्य गुण समान हैं।
(बाहरी div को छिपाने के लिए, अपने अल्फा मान बदलने (क) HSLA कोड के साथ 0.00 करने के लिए रंग का)
संबंधित मुद्दे
- 1. NERDTree को हमेशा दाईं तरफ कैसे खोलें?
- 2. डिव एक निश्चित स्थिति में पेज के साथ स्क्रॉल
- 3. "स्थिति: निश्चित" div
- 4. पूर्ण स्थिति के साथ दाईं ओर एक div को कैसे रखें
- 5. Emacs: एक निश्चित चरित्र, आगे और पीछे की तरफ
- 6. स्थिति: एक ही समय में निश्चित और पूर्ण। कैसे?
- 7. मैं दो स्पैन तत्वों को बायीं तरफ कैसे संरेखित करूं, दूसरा दाईं ओर?
- 8. दाहिने तरफ
- 9. IE9 में स्क्रॉलबार के साथ समस्याएं, स्थिति: निश्चित, अतिप्रवाह: ऑटो
- 10. स्थिति के साथ क्लिक करने योग्य div नहीं: निश्चित
- 11. एक निश्चित स्ट्रिंग के साथ शुरू होने वाली कुंजियों द्वारा एक शब्दकोश को स्लाइड करना
- 12. दाईं ओर एक div कंटेनर
- 13. टर्मिनल के दाईं ओर गिट स्थिति जानकारी कैसे दिखाएं?
- 14. मैं एक निश्चित जॉइन स्थिति के साथ डीबीआईएक्स :: कक्षा संबंध कैसे बना सकता हूं?
- 15. मार्जिन अन्य निश्चित तत्व स्थिति
- 16. आईई 6 बनाम स्थिति: निश्चित
- 17. टेक्स्ट के दाईं ओर एंड्रॉइड रेडियोबटन विकल्प
- 18. पाद लेख पर तैरने वाली चिपचिपा साइडबार div को रोकें (लगभग काम कर रहे हैं)
- 19. फ्लोट के बिना तरफ से div तरफ
- 20. बाएं तरफ
- 21. पक्ष में तरफ प्रदर्शित होने वाली दो असमानताएं, लेकिन लाटेक्स
- 22. गेट टू टीएफएस 2008 एक तरफ माइग्रेशन (इतिहास के साथ)
- 23. JTabbedPane: टैब के बाईं तरफ आइकन
- 24. सीएसएस स्क्रीन पर "निश्चित" स्थिति पर तत्व रखने के लिए
- 25. टूलबार के दाईं ओर एक बटन कैसे जोड़ें?
- 26. एक ऑटो चौड़ाई div के बगल में एक निश्चित चौड़ाई div जोड़ने के लिए कैसे?
- 27. दो एनएसएआरएआरई को एक तरफ
- 28. स्थिति कैसे बनाएं: निश्चित div scroll क्षैतिज
- 29. मैं कैसे तय करूं कि मेरी निश्चित नौसेना बार मुझे कहाँ ले जाती है?
- 30. निश्चित स्थिति वाले तत्वों पर ओवरफ़्लो छुपाएं
[एक अच्छा समाधान] (http://www.profilepicture.co.uk/sticky- साइडबार-jquery- प्लगइन /) और बहुत ही सरल है। इसे 'स्थिति: पूर्ण' के साथ प्रयोग करें। – Vucko
ऐसा लगता है कि वोको का लिंक अब काम नहीं करता है, और प्रोजेक्ट https://github.com/p-m-p/jQuery-Stickybox पर ले जाया गया है – Teepeemm