2011-05-20 12 views
8

मेरे पास एक सही साइडबार वाला एक वर्तमान वेब बिल्ड है जो एक निश्चित स्थिति है। मैंने दाएं से पोजिशन करने की कोशिश की है लेकिन यह नहीं चाहता कि यह अन्य divs सामग्री को ओवरलैप कर दे।फिक्स्ड पोजिशन डिव वर्टिकल केवल

जो मैं खोज रहा हूं वह सामग्री को विंडो के बाहर होने पर क्षैतिज रूप से स्क्रॉल करने योग्य है। किसी भी तरह की सहायता का स्वागत किया जाएगा।

इसी प्रकार: http://demo.rickyh.co.uk/css-position-x-and-position-y/ हालांकि मुझे यह काम नहीं मिल रहा है।


यह वैकल्पिक विधि द्वारा हल किया गया है। वास्तव में मदद करने वालों के लिए धन्यवाद।

+0

आपका डेमो पृष्ठ तीन अलग-अलग चीजें दिखाता है। आप कौन सा देखना चाहते हैं? – Sparky

+0

यह एक निश्चित स्थिति div है ... आपके पास 'फ्लोट: बाएं;' क्यों है? – Sparky

उत्तर

1

तो #sidebar में एक और संपत्ति जोड़ने के उदाहरण साइट है कि प्रभाव उत्पन्न करने के लिए सिर्फ सीएसएस की तुलना में अधिक उपयोग कर रहा है

#sidebar { 
width:400px; 
height:550px; 
padding:10px; 
float:left; 
text-transform:uppercase; 
position:fixed; 
left:835px; 
overflow:scroll-x; 
} 
+0

हाँ, यह एक निश्चित स्थानांतरित div को काम नहीं करता है, इसके लिए सीएसएस से अधिक की आवश्यकता होगी, मैं इसके बारे में सकारात्मक हूं। – user720033

21

निश्चित div रखें।

और निम्न जावास्क्रिप्ट कोड है जो क्षैतिज चलती देखभाल का ख्याल रखेगा।

$(window).scroll(function(){ 
    $('.fixed_div').css('left',-$(window).scrollLeft()); 
}); 
+0

ग्रेट उत्तर। दिनों के लिए यह देख रहा था। –