] डिफ़ॉल्ट रूप से, तत्वों को "स्थिर" के रूप में तैनात किया जाता है, जिसका अर्थ है कि उन्हें पृष्ठ के प्रवाह के अनुसार रखा जाता है। हालाँकि, आप अन्य मूल्यों का उपयोग तत्वों को अधिक सटीक रूप से स्थिति में कर सकते हैं।

केवल एक्स-अक्ष पर एक तत्व को ठीक करने के लिए, आप निश्चित स्थिति का उपयोग कर सकते हैं। यह दृश्यपोर्ट के सापेक्ष तत्व की स्थिति को लॉक कर देगा, इसलिए यह पेज स्क्रॉल होने पर भी क्षैतिज रूप से आगे नहीं बढ़ेगा।

#तत्व { स्थिति: तय; शीर्ष: 0; निचला: 0; } हालांकि, एक ही अक्ष पर निश्चित स्थिति का उपयोग करके तत्व को पृष्ठ पर अन्य सामग्री को ओवरलैप करने का कारण बन सकता है जब यह लंबवत स्क्रॉल करता है। इसे रोकने के लिए, आप पृष्ठ को स्क्रॉल करने पर y- अक्ष पर तत्व की स्थिति को गतिशील रूप से समायोजित करने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं। { $ ('#तत्व')। CSS ('टॉप', $ (यह) .scrolltop ()); }); इस परिवर्तन फ़ंक्शन को एक्स-एक्सिस पर इसकी स्थिति को प्रभावित किए बिना इसे लंबवत रूप से स्थानांतरित करने के लिए एक तत्व पर लागू किया जा सकता है।

#तत्व { स्थिति: तय; वाम: 15px; रूपांतरण: अनुवाद (0, -$ (विंडो) .scrolltop ()); }

यह दृष्टिकोण तत्व को स्क्रॉल करने पर अन्य सामग्री को ओवरलैप करने से तत्व को भी रोक देगा। Parseint ($ ("#तत्व")। CSS ('लेफ्ट')) और इसे स्क्रिप्ट में एक ऑफसेट के रूप में उपयोग करें।