मैं डीआईवी को हमेशा स्क्रीन के ऊपरी दाएं कोने पर कैसे तैरता हूं, ताकि जब भी मैं पृष्ठ को स्क्रॉल करता हूं, तब भी DIV उसी निश्चित स्थान पर दिखाई देता है? धन्यवाद।डीआईवी हमेशा शीर्ष दाएं कोने में स्क्रीन पर कैसे तैरते हैं?
उत्तर
उपयोग position: fixed
, और पृष्ठ के top
और right
पक्षों के लिए यह लंगर:
#fixed-div {
position: fixed;
top: 1em;
right: 1em;
}
IE6 position: fixed
का समर्थन नहीं करता है, लेकिन। यदि आपको IE6 में इस कार्यक्षमता की आवश्यकता है, तो this purely-CSS solution चाल चल रहा है। stylesheet में दिखाई देने के लिए आपको कुछ शैलियों को काम करने के लिए एक रैपर <div>
की आवश्यकता होगी।
धन्यवाद, लेकिन मुझे एक क्रॉस-ब्राउज़र समाधान की आवश्यकता है, चाहे इसमें केवल सीएसएस या सीएसएस और जावास्क्रिप्ट का मिश्रण शामिल है या नहीं। – akanevsky
@akavsky आप jquery function $ (window) .scroll (function() { } के साथ ठीक हैं); तो हम आसानी से पोस्ट कर सकते हैं .... jquerys animate – kobe
का उपयोग कर दाएं कोने में स्थिति पर टिप्पणी करने के लिए: आईई में काम नहीं कर रहा है, http://www.howtocreate.co.uk/fixedPosition.html इसके लिए कामकाज है । – digitalfoo
उपयोग position:fixed
, जैसा कि पहले कहा गया है, IE6 position:fixed
को नहीं पहचानता है, लेकिन कुछ सीएसएस जादू के साथ आप IE6 व्यवहार करने के लिए प्राप्त कर सकते हैं:
html, body {
height: 100%;
overflow:auto;
}
body #fixedElement {
position:fixed !important;
position: absolute; /*ie6 */
bottom: 0;
}
!important
झंडा यह तो आप का उपयोग करने की जरूरत नहीं करता है आईई के लिए एक सशर्त टिप्पणी। इसमें #fixedElement
सभी ब्राउज़रों में position:fixed
का उपयोग करेगा, लेकिन आईई, और IE
, position:absolute
bottom:0
के साथ प्रभावी होगा। यह आईई 6
- 1. शीर्ष दाएं कोने में WPF TabControl स्थिति टैब
- 2. स्क्रीन पर दाएं नीचे
- 3. शीर्ष विंडो पर हमेशा
- 4. "हमेशा शीर्ष पर"
- 5. शीर्ष बाएं कोने पर Google मानचित्र केंद्र
- 6. मैं रिलेवेटलाइट में शीर्ष-दाएं कोने में एक दृश्य को संरेखित कैसे करूं
- 7. xaml का उपयोग कर शीर्ष दाएं कोने में WPF एप्लिकेशन windowstartuplocation कैसे सेट करें?
- 8. क्यों जावा 2 डी मूल शीर्ष बाएं कोने पर है?
- 9. गायब datetime.timedelta.to_seconds() -> पायथन में तैरते हैं?
- 10. शीर्ष दाएं कोने में प्रोग्रामेटिक रूप से एक जानकारी बटन कैसे बनाएं?
- 11. भाई शीर्षलेख ओवरलैप किए बिना शीर्ष दाएं कोने में एक div को फ़्लोट करें
- 12. GridBagLayout के साथ नीचे-दाएं कोने में घटक कैसे डालें?
- 13. एचटीएमएल/सीएसएस हमेशा एक शीर्ष पर रहने के लिए लोगो को पोजिशन करना, स्क्रीन आकार
- 14. शीर्ष कोने पर एक बंद बटन के साथ एंड्रॉइड में गतिविधि कैसे करें?
- 15. निचले दाएं कोने पर सीमा रहित विंडो का आकार बदलें
- 16. Android RelativeLayout किसी अन्य दृश्य के शीर्ष दाएं कोने पर एक दृश्य के केंद्र को संरेखित करें
- 17. डेल्फी XE2 TLabel glowsize स्क्रीन के शीर्ष बाएं कोने पर ग्राफिक समस्या का कारण बनता है
- 18. gtk.window हमेशा शीर्ष स्तर
- 19. पूर्ण स्थिति घुमावदार तत्व को दाएं कोने में घुमाया
- 20. एक्सेल में बाएं, दाएं, नीचे और शीर्ष
- 21. ExtJS 4 "हमेशा शीर्ष पर" विंडो
- 22. PyQt: हमेशा शीर्ष
- 23. मैं एक विंडो (ओएसएक्स) हमेशा स्क्रीन के शीर्ष पर कैसे हो सकता हूं
- 24. स्क्रीन के केंद्र में खुला संवाद, विंडोज
- 25. मैं अपने ऊपरी दाएं कोने से UIView 90 डिग्री को कैसे एनिमेट/घुमा सकता हूं?
- 26. छवियों पर गोलाकार कोने
- 27. डेटाटेबल: शीर्ष दाएं स्थान पर स्थिति खोज बॉक्स
- 28. क्यों नहीं तैरते तत्व तत्वों को उनके बाएं और दाएं मार्जिन सेट कर सकते हैं
- 29. किसी ब्राउज़र के निचले दाएं कोने में div को कैसे स्थानांतरित करें?
- 30. स्थिति पूर्ण, शीर्ष दाहिने हाथ कोने (आकार बदलने)
के लिए
position:fixed
अनुकरण करेगा, यह लिंक देखें, मुझे लगता है कि आप चिपचिपा फ़्लोटिंग पाद लेख के विपरीत चाहते हैं। Http://stackoverflow.com/questions/146659/how-do-i-get-a-floating-footer- टू-स्टिक-टू-द-डाउन-द-व्यूपोर्ट-इन-यानी -6 – kobe