“Sembunyikan CSS Scrollbar Horizontal” Kode Jawaban

Sembunyikan CSS Scrollbar

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hidden::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge add Firefox */
.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none; /* Firefox */
}
Adarsh077

Sembunyikan CSS Scrollbar Horizontal

.x-scroll-disabled {
	overflow-x: hidden;
}
Duco Defiant Dogfish

Sembunyikan CSS Scrollbar

/* A very quick an applicable solution is to use this piece of code: */
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space /
background: transparent; / optional: just make scrollbar invisible /
}
/ optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}
Mehedi Islam Ripon

Hapus CSS Scrollbar Horizontal

overflow-x: hidden;
Better Buffalo

Sembunyikan Bilah Gulir

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}
Weary Wren

Sembunyikan CSS Scrollbar

.container {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.container::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
Smiling Salamander

Jawaban yang mirip dengan “Sembunyikan CSS Scrollbar Horizontal”

Pertanyaan yang mirip dengan “Sembunyikan CSS Scrollbar Horizontal”

Lebih banyak jawaban terkait untuk “Sembunyikan CSS Scrollbar Horizontal” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya