W celu stworzenia minimalistycznego lub własnego scrollbara (paska przewijania strony) w CSS. Należy w CSS umieścić taki kod:
body{
overflow: overlay;
}Powyższa linijka umożliwia zrobienie transparentnego (przeźroczystego) scrollbara.
Należy również zamieścić kod dotyczący samego paska przewijania:
/* Cały scrollbar */
::-webkit-scrollbar {
width: 8px;
background: transparent;
}
/*pole scrollbara*/
::-webkit-scrollbar-track {
}
/* pasek przewijania scrollbara */
::-webkit-scrollbar-thumb {
background: #37373794;
border-radius: 4px;
}
/* pasek przewijania po najechaniu na niego myszką*/
::-webkit-scrollbar-thumb:hover {
background: #444444;
}
/* ustawienia paska przewijania kiedy okno jest nieaktywne - optionalne */
::-webkit-scrollbar-thumb:window-inactive {
}Powyższy kod można edytować wedle swoich upodobań. Domyślnie stworzyłem scrollbar najbardziej minimalistycznym, jaki się da – domyślnie przeglądarki mobilne ukazują podobny.