सीएसएस में तत्व स्क्रॉलिंग सीमाओं को लागू करना

अपने वेब डिज़ाइन में स्क्रॉलिंग एनिमेशन को शामिल करते समय, इन एनिमेशन की सीमाओं को नियंत्रित करना यह सुनिश्चित करने के लिए महत्वपूर्ण है सहज उपयोगकर्ता अनुभव. यह विशेष रूप से तब महत्वपूर्ण है जब आपके पास एक ही पृष्ठ पर एकाधिक स्क्रॉलिंग तत्व हों। सीएसएस का उपयोग करके किसी तत्व को पूर्वनिर्धारित बिंदु से आगे स्क्रॉल करने से कैसे रोका जाए, यहां बताया गया है। उपयोगकर्ता नीचे स्क्रॉल करता है, लेकिन यह अनिश्चित काल तक स्क्रॉल करता है, उपयोगकर्ता को कभी भी नीचे तक पहुंचने की अनुमति नहीं देता है। मानचित्र की स्क्रॉलिंग को सीमित करने के लिए, इन चरणों का पालन करें:

स्क्रॉलिंग सीमा की पहचान करें:

#नक्शा { ओवर फलो हिडेन; }

वैकल्पिक रूप से, आप समान प्रभाव प्राप्त करने के लिए अधिकतम ऊंचाई निर्धारित कर सकते हैं:
1. #map { अधिकतम ऊंचाई: ; }
2. स्थिति के लिए समायोजन: यदि उपयोगकर्ता की स्क्रॉल के आधार पर मानचित्र की स्थिति को समायोजित करने की आवश्यकता है, तो आप स्क्रॉल इवेंट हैंडलर के भीतर इसकी मार्जिन-टॉप प्रॉपर्टी को अपडेट करने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं .

#map {
   overflow: hidden;
}

#map {
   max-height: ;
}

3. कई स्क्रॉलिंग तत्वों वाले जटिल परिदृश्यों के लिए, आप अधिक उन्नत तकनीकों को लागू करने की आवश्यकता हो सकती है जैसे स्क्रॉल सीमाओं की गतिशील रूप से गणना करना।ध्यान रखें कि ये विधियां केवल ब्राउज़र विंडो के भीतर स्क्रॉलिंग को सीमित करती हैं। यदि सामग्री विंडो की ऊंचाई से आगे तक फैली हुई है, तो भी उपयोगकर्ता लंबवत स्क्रॉल करने में सक्षम होंगे।