Custom Scrollbars.
A simple script and a few styles is what we come across when introducing these files to your project. With simple lines of code, we have our own custom scrollbar!
Installation
To the <head>
At the bottom of the <body>
A simple script and a few styles is what we come across when introducing these files to your project. With simple lines of code, we have our own custom scrollbar!
Installation
All the attributes will be put in a single line of code, specifically in the <body> tag
These 3 will be the classes of width measurements for the scrollbar, each one varies the 'width' in pixels with the number of the respective class.
<body class="w-15"></body>
<body class="w-10"></body>
<body class="w-7"></body>
The Scrollbar does not have rounded edges by default, so the 'radius' class could also be added to it to solve this problem.
<body class="radius"></body>
Like the other properties, they will be entered in the <body> label
-> Attribute thumb
<body thumb=""></body>
Inside the attribute a color or hexadecimal code is entered
-> Attribute track
<body track=""></body>
Inside the attribute a color or hexadecimal code is entered
In addition to this, we have a gradient for the scroll, accompanying the classes.
<body class="degraded"></body>