scroll-behavior गुण

scroll-behavior गुण किसी तत्व के अंदर सहज या तात्कालिक स्क्रॉलिंग निर्धारित करता है। यह गुण दो मान स्वीकार करता है: auto (तात्कालिक संक्रमण) और smooth (सहज संक्रमण)।

सिंटैक्स

cssसिलेक्टर {
  scroll-behavior: auto या smooth;
}

उदाहरण . auto मान

आइए तात्कालिक स्क्रॉलिंग निर्धारित करें:

html<div>पाठ</div>
cssdiv {
  scroll-behavior: auto;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

उदाहरण . smooth मान

और अब आइए सहज स्क्रॉलिंग सेट करें:

html<div>पाठ</div>
cssdiv {
  scroll-behavior: smooth;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

यह भी देखें

  • :fullscreen स्यूडोक्लास,
    जो फुलस्क्रीन मोड में तत्वों को स्टाइल देता है
  • :default स्यूडोक्लास,
    जो डिफ़ॉल्ट रूप से तत्वों को स्टाइल देता है