“Sembunyikan CSS Scrollbar” 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

/* 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

Sembunyikan CSS Scrollbar

/* hide scrollbar but allow scrolling */
element {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

element::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}
Combative Constrictor

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

Sembunyikan CSS Scrollbar

::-webkit-scrollbar {
    display: none;
}
Heenok

Sembunyikan CSS Scrollbar

 /* hide scrollbar but allow scrolling */element {    -ms-overflow-style: none; /* for Internet Explorer, Edge */    scrollbar-width: none; /* for Firefox */    overflow-y: scroll; }element::-webkit-scrollbar {    display: none; /* for Chrome, Safari, and Opera */}
|_Genos_|

Jawaban yang mirip dengan “Sembunyikan CSS Scrollbar”

Pertanyaan yang mirip dengan “Sembunyikan CSS Scrollbar”

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

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya