Design Custom Scroll Barβ‘
A Thread π§΅β
A Thread π§΅β
π I'm inclined to believe that, the default scroll bar of the website looks hideous.
π€ What do you think about it?
- BTW, we can customize the scroll bar of the websites using a few lines of code.
π So, Without further a do, let's get into the thread...
π€ What do you think about it?
- BTW, we can customize the scroll bar of the websites using a few lines of code.
π So, Without further a do, let's get into the thread...
1οΈβ£ First of all, I love to change the width and background color of the scroll bar track.
- So you can change these using the "-WebKit-scrollbar" selector.
π And customize as you want...
- So you can change these using the "-WebKit-scrollbar" selector.
π And customize as you want...
2οΈβ£ Also, if you want to change the thumb of the scrollBar then you can do it using the "thumb" selector.
- You can also use pseudo-class selectors to customize the thumb like hover, active, etc.
- Use "-webkit-scrollbar-button" selector for btn.
π And customize as you want...
- You can also use pseudo-class selectors to customize the thumb like hover, active, etc.
- Use "-webkit-scrollbar-button" selector for btn.
π And customize as you want...
π Try it from here:
codepen.io
codepen.io
That's all for now, we will meet in the next threadπ
π Follow Me @ATechAjay
For:
π Web Development
β¨ JavaScript
π Writing Skill
π₯ Motivation
πΉ Growth
β But Not For Only Resources & Shitpost π
Thank you so much for staying to the end of this threadπ
π Follow Me @ATechAjay
For:
π Web Development
β¨ JavaScript
π Writing Skill
π₯ Motivation
πΉ Growth
β But Not For Only Resources & Shitpost π
Thank you so much for staying to the end of this threadπ
Loading suggestions...