2013-01-11 12 views
6

मैं नीचे के रूप में तीन div है: #left और #right क्षैतिज स्क्रॉल के लिए निर्धारित रखने के लिए और केवल #center स्क्रॉल करने के लिएCss स्थिति क्षैतिज स्क्रॉल के लिए निर्धारित है, लेकिन स्क्रॉल खड़ी

<div id="left"></div> 
<div id="center"><table></table></div> 
<div id="right"></div> 

अब मैं क्या करने की ज़रूरत है। यह #left और #right के लिए सीएसएस position:fixed के साथ काम कर रहा है। लेकिन समस्या यह है कि जब मैं लंबवत HTML पृष्ठ स्क्रॉल करता हूं तो मुझे स्क्रॉल करने के लिए सभी div's i.e. #left, #center और #right की आवश्यकता होती है। ये काम नहीं कर रहा है। कृपया कोई मेरी मदद करें कि इसे कैसे करें ताकि #left और #right#center के साथ लंबवत स्क्रॉल करें और क्षैतिज स्क्रॉल के लिए तय रहें। मुझे कोई संकेत नहीं है कि सीएसएस का उपयोग करके इसे कैसे किया जाए और इसे काम करें।

उत्तर

11

इस लिंक को आजमाएं, यह सामग्री को करने के लिए scrollspy नामक एक प्लगइन का उपयोग करता है। CSS: fixed position on x-axis but not y?

semir.babajic के लिए धन्यवाद: बहुत आसान ...

http://www.rickyh.co.uk/css-position-x-and-position-y/

इसके अलावा, इस तो सवाल यह देखने के लिए यहाँ वास्तविक टुकड़ा है। आपको jQuery की आवश्यकता होगी।

$(window).scroll(function(){ 
    $('#header').css({ 
     'left': $(this).scrollLeft() + 15 //Always 15px from left 
    }); 
}); 
+0

क्या सीएसएस 3 में 'स्थिति-एक्स'' नामक कुछ भी है ??? यह कम से कम आईई 8 में काम करेगा। मैंने फ़ायरबॉक्स के फायरबग में इसका इस्तेमाल करने की कोशिश की लेकिन असफल रहा। – user850234

+0

क्षमा करें, मेरा बुरा ... यह काम नहीं करेगा ... – ATOzTOA

+2

http://jsfiddle.net/Starx/EzXub/ क्या यह आप चाहते हैं? –