2010-04-20 11 views
5

इस पृष्ठ के इतने बीमार लिंक को समझाना मुश्किल है जिसकी मुझे आवश्यकता है;पेज के बाईं ओर एक div कैसे फंस सकता है इससे कोई फर्क नहीं पड़ता कि मैं क्षैतिज रूप से कितना स्क्रॉल करता हूं?

http://wpaoli.building58.com/wp-content/uploads/2009/08/feedback-panel.html

बाईं ओर प्रतिक्रिया बात क्या im प्रतिक्रिया im के बजाय एक नेविगेशन मेनू जो बताता है कि उन्हें क्लिक करने पर के रूप में उपयोग करने के लिए जा रहा है, मेरी तरफ लागू करने के लिए कोशिश कर रहा है।

उपरोक्त चीजें जो मेरे पास अभी है।

मेरी समस्या तब होती है जब मैं दाईं ओर स्क्रॉल करता हूं (मेरा पृष्ठ लगभग 6000px चौड़ा है) मैं इसे बाईं तरफ रहना चाहता हूं, क्या इसे खींचने का कोई तरीका है?

(यह मेरे दिमाग को संभालने के लिए बहुत कुछ है) .. धन्यवाद!

+0

मैंने इसे कुछ समय पहले कार्यान्वित किया था। आप div की सीएसएस स्थिति निर्दिष्ट करते हैं। मुझे याद नहीं है कि यह "रिश्तेदार" या "पूर्ण" है जो आप चाहते हैं। मैं woudl पूर्ण –

उत्तर

12

div को "स्थिति: निश्चित" शैली रखने के लिए सेट करें और फिर "बाएं: 0px; शीर्ष: 0px" सेट करें। यह HTML प्रवाह के भीतर अपनी सापेक्ष स्थिति की बजाय ब्राउज़र के ऊपरी बाईं ओर div छड़ी बनाता है।

, इस उदाहरण पेज पर एक नज़र डालें यह 2 तय तत्वों, ऊपरी बाईं ओर स्थित एक और नीचे दाईं ओर स्थित अन्य है:

Fixed example

+0

नोट करें कि आईई 6 स्थिति का समर्थन नहीं करता है: निश्चित –

+0

बहुत बहुत धन्यवाद! मैंने नहीं सीखा है कि स्थिति गुण क्या करता है, मैं बस उन्हें आज़माता हूं और देखता हूं कि कभी-कभी कौन सा काम करता है। मुझे लगता है कि मुझे उनके बारे में थोड़ा पढ़ने की जरूरत है – Noor

+0

@ डेविड मर्डोक, हाँ आप सही हैं, मुझे यह उल्लेख करना चाहिए था कि आईई 6 में कुछ मुद्दे हैं लेकिन लेख जो मैंने लिंक किया है, साथ ही क्रॉस ब्राउज़र अनुपालन के लिए एक संपूर्ण समाधान भी बताता है। –

0

आप ठीक उसी डिजाइन का उपयोग कर सकते हैं, केवल का उपयोग पर position:fixed

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

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