2009-03-30 19 views
17

के साथ फिक्स्ड पोजिशनिंग, उदाहरण के लिए, मेरे पास निश्चित स्थिति का उपयोग करके मेनू है लेकिन यह वर्तमान विंडो की ऊंचाई से बड़ा है, क्या इसे स्क्रॉल करने की अनुमति देने का कोई तरीका है? ब्राउज़र का डिफ़ॉल्ट व्यवहार सिर्फ इसे छिपाना है, और आपको इसे एक्सेस करने की अनुमति नहीं देना है।स्क्रॉलिंग

div#sidebar { 
    position:fixed; 
    top:30px; 
    left:0; 
    bottom:4px; 
    width:148px; 
    background-color:#d7d7d7; 
} 

यहां मुझे जो मिला है उसका स्निपेट यहां दिया गया है। क्या उन्हें कुछ जावास्क्रिप्ट या उन पंक्तियों के साथ कुछ चाहिए?

संपादित करें: मुझे यकीन नहीं है कि यह सही होने के लिए वास्तव में संभव है या नहीं। मैं एक तत्व चाहता हूं जो दस्तावेज़ के शीर्ष से 30 पिक्सेल है। मैं ओवरफ्लो का उपयोग करके स्क्रॉल करने की अनुमति देना चाहता हूं: ऑटो और ऊंचाई: 100%। किसी भी तरह से मुझे ऐसा लगता है, स्क्रॉलबार छुपाया जाएगा, या div का एक हिस्सा छुपाया जाएगा।

+0

आपने एक उत्तर स्वीकार कर लिया है, इसलिए लोग इसे मान लेंगे। – cjk

+0

प्रश्न के संबंध में, उत्तर सही है, लेकिन संदर्भ के संबंध में, यह सही नहीं है। मैं इस बारे में पूरी तरह से अवगत हूं, लेकिन सिर्फ इसलिए कि एक प्रश्न को उत्तर के रूप में चिह्नित किया गया है, यह इंगित नहीं करता कि चर्चा समाप्त हो गई है, अन्यथा एक बार जवाब देने के बाद एक प्रश्न बंद हो जाएगा। – Kezzer

उत्तर

24

आपको उस div में overflow:scroll (या overflow:auto) सेट करने और 100% तक ऊंचाई सेट करने की आवश्यकता होगी।

+0

यह ठीक काम करेगा, हालांकि शीर्ष के साथ: 30px सेट स्क्रॉलबार सही तरीके से प्रदर्शित नहीं होंगे। क्या मुझे यह div किसी अन्य div के भीतर रखना होगा। बाहरी div पर निश्चित स्थिति और आंतरिक div पर कुछ और तय है? – Kezzer

+0

हाँ, यह काम करना चाहिए। अपनी सामग्री के साथ एक आंतरिक div सेट करें, बाहरी div को पैडिंग-टॉप के साथ सेट करें: 30px और शीर्ष से छुटकारा पाएं: 30px :) – Seb

+0

ऐसे मामलों में जहां आप 'ऊंचाई: 100% 'सेट नहीं कर सकते हैं (उदाहरण के लिए मोबाइल पर नेविगेशन बार का विस्तार करना), आप बस 'अधिकतम ऊंचाई: 100% 'का उपयोग कर सकते हैं – JanBrinker

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