Kuwa da gurɗi a cikin hanyar zama

Tuta sabon kware: sabon kware don amfani da CSS don kawo gurɗi a cikin hanyar zama.

Kuwa da gurɗi a cikin hanyar zama

Duba overflow: hidden;wa za a kawo gurɗi a cikin hanyar zama kuma kuma kawo neman neman.

实例

body {
  overflow: hidden; /* Hide scrollbars */
}

Gyara shi shi so

Don kawo gurɗi a cikin hanyar zama kawai, amma kuma kawo neman neman, za a sami koda a cikin hanyar zama: overflow-y ko overflow-x:

实例

body {
  overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

Gyara shi shi so

Kware:overflow:hidden za kawo gurɗi a cikin hanyar zama kuma kuma zai kawo neman neman. Za a kai neman neman a cikin sayayin neman neman.

Kawo gurɗi a cikin hanyar zama amma kuma kawo neman neman

Don kawo gurɗi a cikin hanyar zama, amma kuma kawo neman neman, za a sami koda a cikin hanyar zama:

实例

/* Wasu Chrome, Safari da Opera suka kawo gurɗi a cikin hanyar zama */
.example::-webkit-scrollbar {
  display: none;
}
/* Wasu IE, Edge da Firefox suka kawo gurɗi a cikin hanyar zama */
.example {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

Gyara shi shi so

Webkit neman neman (tana da Chrome, Safari da Opera) suka amincewa da sabon gurɗi na yau da kullun ::-webkit-scrollbar Shirin da yake haɗa, ya sanya wa wa za a kawo saurayi ga sabon gurɗi na neman neman, IE da Edge suka amincewa da ita -ms-overflow-style: Ala, Firefox suka amincewa da ita scrollbar-width Ala, wa suka dace sabon gurɗi, amma kuma suka raba abin da ake amfani da su.

Sayayin da aiki

Tuturu:CSS kuduwa

Manhajar:Kuwanan kiyi ajiya: kuduwa da zubairi