केवल CSS में अभी भी अन्य दिशाओं में स्क्रॉल करने की अनुमति है। एक सामान्य परिदृश्य एक्स-अक्ष पर एक तत्व को ठीक करना है ताकि जब उपयोगकर्ता लंबवत स्क्रॉल करे तो वह क्षैतिज रूप से अपनी जगह पर रहे।

क्या यह संभव है?

हां, केवल सीएसएस का उपयोग करके एक्स-अक्ष पर एक स्थिति तय करना संभव है।

कैसे हासिल करें यह

इसे प्राप्त करने के लिए, इन चरणों का पालन करें:

तत्व की स्थिति को 'पूर्ण' पर सेट करें

: यह तत्व को सामान्य प्रवाह से हटा देता है दस्तावेज़ का और आपको इसे सटीक स्थिति में रखने की अनुमति देता है।
1. 'बाएं' गुण का उपयोग करें
: के बाएँ किनारे को निर्दिष्ट करें निकटतम स्थित पूर्वज के सापेक्ष तत्व। और सीएसएस उदाहरण:
2. $(window).scroll(function() { $('#header').css({ 'बाएं': $(यह).स्क्रॉललेफ्ट() 15 // सीएसएस के आधार पर समायोजित करें 'बाएं' }); });
3. #header { शीर्ष: 15px; बाएँ: 15px; स्थिति: निरपेक्ष; }
उन्नत स्क्रिप्ट:

डायनामिक सीएसएस परिवर्तनों का समर्थन करने के लिए, आप इस अद्यतन स्क्रिप्ट का उपयोग कर सकते हैं:

var लेफ्टऑफसेट = पार्सइंट($('# हेडर').सीएसएस('बाएं')); // प्रारंभिक बाएँ स्थान को पकड़ें $(विंडो).स्क्रॉल(फ़ंक्शन() { $('#header').css({ 'बाएँ': $(this).scrollLeft() बाएँऑफ़सेट // प्रारंभिक ऑफ़सेट का उपयोग करें }); });

$(window).scroll(function() {
    $('#header').css({
        'left': $(this).scrollLeft()   15 // Adjust based on CSS 'left'
    });
});

इन चरणों का पालन करके, आप लंबवत स्क्रॉलिंग की अनुमति देते हुए एक्स-अक्ष पर किसी तत्व की स्थिति को प्रभावी ढंग से ठीक कर सकते हैं।