Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस अतिप्रवाह:स्क्रॉल

<घंटा/>

CSS ओवरफ़्लो प्रॉपर्टी में स्क्रॉल value मान के साथ , अतिप्रवाह काटा जाता है और एक स्क्रॉलबार जुड़ जाता है। यह उपयोगकर्ता को संपूर्ण सामग्री को पढ़ने की अनुमति देता है।

उदाहरण

आप सीएसएस को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं अतिप्रवाह:स्क्रॉल संपत्ति -

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: orange;
            width: 250px;
            height: 45px;
            border: 2px solid blue;
            overflow: scroll;
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <div>Overflow property used here. This is a demo text to show the working of CSS overflow: scroll. This won't hide the content. Now a scrollbar will be visible.</div>
   </body>
</html>

आउटपुट

सीएसएस अतिप्रवाह:स्क्रॉल


  1. सीएसएस और जावास्क्रिप्ट के साथ स्क्रॉल पर हेडर को कैसे सिकोड़ें?

    सीएसएस और जावास्क्रिप्ट के साथ स्क्रॉल पर हेडर को सिकोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-fa

  1. CSS के साथ स्क्रॉल एंकरिंग को अक्षम करना

    वेब ब्राउज़र द्वारा प्रदान की गई डिफ़ॉल्ट स्क्रॉल एंकरिंग को अक्षम करने के लिए, हम अतिप्रवाह एंकर . का उपयोग कर सकते हैं संपत्ति। उदाहरण निम्न उदाहरण अतिप्रवाह-एंकर संपत्ति का एक विचार देता है - <!DOCTYPE html> <html> <head> <style> body {    overflow-anchor: none;

  1. CSS के साथ ऑन स्क्रॉल फिक्स्ड नेविगेशन बार कैसे बनाएं?

    CSS स्थिति विशेषता निर्दिष्ट करके, हम CSS का उपयोग करके एक निश्चित नेविगेशन बार बना सकते हैं। CSS में पोजिशन प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    position: /*value*/; } निम्नलिखित सीएसएस स्थिति संपत्ति का एक उदाहरण है। उदाहरण <!DOCTYPE html> <html> <head>