मेरी साइट नेविगेशन को कंटेनर के दाईं ओर फ़्लोट करने की आवश्यकता है, लेकिन एक निश्चित स्थिति में रहें ताकि जब भी पृष्ठ स्क्रॉल हो, नेविगेशन अभी भी शीर्ष से 350px दाएं है। यह तब तक काम करता है जब तक मैंने position:fixed
लागू नहीं किया, यह करने के बाद कि नेविगेशन दाहिने ओर फंस गया है। कोई विचार है कि मैं दोनों दुनिया (दाएं तरफ, और निश्चित स्थिति) का सर्वोत्तम कैसे हो सकता हूं?एक निश्चित स्थिति के साथ दाईं तरफ तैरने वाली नौसेना?
11
A
उत्तर
38
स्थिति का उपयोग: तय इच्छित स्थान पर अपने नेविगेशन तत्व प्राप्त करने के लिए समायोजित करने के शीर्ष/सही/नीचे/छोड़ दिया सीएसएस की आवश्यकता है।
उदाहरण के लिए:
nav {
right: 0;
top: 50%;
}
या
nav {
right: 0;
top: 0;
}
-1
विधि एक्स:
बस एक और विभाजन के भीतर आवश्यक विभाजन पैदा करते हैं।
पद दें: निश्चित; चौड़ाई: 100%; बाहरी div के गुण।
फ्लोट दें: दाएं; अंदरूनी div के लिए संपत्ति।
चूंकि फ्लोट और स्थिति गुण दो अलग-अलग डिवीजनों को दिए गए हैं, यह प्रभावी होगा। सुनिश्चित करें कि दो डिवीजनों के सभी अन्य गुण समान हैं।
(बाहरी div को छिपाने के लिए, अपने अल्फा मान बदलने (क) HSLA कोड के साथ 0.00 करने के लिए रंग का)
[एक अच्छा समाधान] (http://www.profilepicture.co.uk/sticky- साइडबार-jquery- प्लगइन /) और बहुत ही सरल है। इसे 'स्थिति: पूर्ण' के साथ प्रयोग करें। – Vucko
ऐसा लगता है कि वोको का लिंक अब काम नहीं करता है, और प्रोजेक्ट https://github.com/p-m-p/jQuery-Stickybox पर ले जाया गया है – Teepeemm