स्टाइल स्क्रॉलबिहेवियर प्रॉपर्टी
उदाहरण
किसी पृष्ठ पर एक सहज स्क्रॉलिंग प्रभाव जोड़ें:
document.documentElement.style.scrollBehavior = "smooth";
परिभाषा और उपयोग
स्क्रॉलबिहेवियर प्रॉपर्टी निर्दिष्ट करती है कि जब उपयोगकर्ता स्क्रॉल करने योग्य बॉक्स के भीतर किसी लिंक पर क्लिक करता है, तो सीधे कूदने के बजाय स्क्रॉल स्थिति को आसानी से एनिमेट करना है या नहीं।
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
scrollBehavior | 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
वाक्य - विन्यास
object.style.scrollBehavior = "auto|smooth|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
auto | Default. Allows a straight jump "scroll effect" between elements within the scrolling box. |
smooth | Allows a smooth animated "scroll effect" between elements within the scrolling box. |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
संबंधित पृष्ठ
CSS संदर्भ: स्क्रॉल-व्यवहार गुण
❮ स्टाइल ऑब्जेक्ट