स्क्रॉलबार को छुपा कैसे

CSS के द्वारा स्क्रॉलबार को छुपा कैसे सीखें。

स्क्रॉलबार को छुपा कैसे

जोड़ें overflow: hidden;का उपयोग करें, इससे साथ ही अनुवार्ता और आड़ा स्क्रॉलबार को छुपा सकते हैं。

उदाहरण

body {
  overflow: hidden; /* स्क्रॉलबार को छुपा सकते हैं */
}

अपने आप साबित करें

केवल आड़ा स्क्रॉलबार को छुपा सकते हैं या केवल अनुवार्ता स्क्रॉलबार को छुपा सकते हैं, तो overflow-y या overflow-x:

उदाहरण

body {
  overflow-y: hidden; /* आड़ा स्क्रॉलबार को छुपा सकते हैं */
  overflow-x: hidden; /* अनुवार्ता स्क्रॉलबार को छुपा सकते हैं */
}

अपने आप साबित करें

ध्यान दें किoverflow:hidden स्क्रॉलबार की विशेषता को भी हटा देगा। पृष्ठ के अंदर स्क्रॉल करने में असमर्थ होगा。

स्क्रॉलबार को छुपा सकते हैं लेकिन कामकाज बनाए रखते हैं

स्क्रॉलबार को छुपा सकते हैं लेकिन अभी भी चलाने में आने वाले, नीचे दिए गए कोड का उपयोग कर सकते हैं:

उदाहरण

/* Chrome, Safari और Opera में स्क्रॉलबार को छुपा सकते हैं */
.example::-webkit-scrollbar {
  display: none;
}
/* IE, Edge और Firefox में स्क्रॉलबार को छुपा सकते हैं */
.example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

अपने आप साबित करें

Webkit ब्राउज़र (जैसे Chrome, Safari और Opera) अनसामान्य ::-webkit-scrollbar फेरूमेल (pseudo-element), हमें ब्राउज़र स्क्रॉलबार के आकार को संशोधित करने की अनुमति देता है। IE और Edge समर्थित -ms-overflow-style: विशेषता, फायरफॉक्स समर्थित scrollbar-width विशेषताएँ, ये विशेषताएँ हमें स्क्रॉलबार को छुपा सकते हैं लेकिन उसका कामकाज बनाए रखते हैं。

संबंधित पृष्ठ

तूतीCSS ओवरफ्लोअउट

संदर्भ निर्देशिका:CSS overflow अटीब्यूट