Custom Scrollbar In Appgyver Web App

Add these styles and style as you will in styles/globals.css

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #2682de, #36ddf8);
    border-radius: 20px;
}

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: rgba(0,0,0,0);
}

hide on mobile:

@media only screen and (max-width: 500px)  {

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

}

1 Like