सीएसएस स्क्रॉल-व्यवहार संपत्ति
उदाहरण
दस्तावेज़ में एक सहज स्क्रॉलिंग प्रभाव जोड़ें:
html {
scroll-behavior: smooth;
}
परिभाषा और उपयोग
जब उपयोगकर्ता स्क्रॉल करने योग्य बॉक्स के scroll-behavior
भीतर किसी लिंक पर क्लिक करता है, तो संपत्ति निर्दिष्ट करती है कि सीधे कूदने के बजाय स्क्रॉल स्थिति को सुचारू रूप से एनिमेट करना है या नहीं।
डिफ़ॉल्ट मान: | ऑटो |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | नहीं। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSSOM व्यू मॉड्यूल (वर्किंग ड्राफ्ट) |
जावास्क्रिप्ट सिंटैक्स: | वस्तु .style.scrollBehavior = "चिकनी" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
scroll-behavior | 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
सीएसएस सिंटेक्स
scroll-behavior: auto|smooth|initial|inherit;
सम्पत्ति की कीमत
Value | Description |
---|---|
auto | Allows a straight jump "scroll effect" between elements within the scrolling box. This is default |
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 |