Scrollbar Design

[jedzkie13]

Hi Guys! Sorry if I post this kind of topic, but how can i do this scroll bar design in php? Thanks!

 

[linusforsell]

Hey!

In PHP? Not going to happen.

Depending on the range of browsers you want to support, you'll have to approach it a bit differently.

For webkit browsers, you can often style them with CSS.

For others you'll have to remove the original scroll bar and add HTML, CSS and JS (easiest solution would be simply including a jQuery plugin, I suppose) to make it work and look as intended.

[jedzkie13]

Hey!

In PHP? Not going to happen.

Depending on the range of browsers you want to support, you'll have to approach it a bit differently.

For webkit browsers, you can often style them with CSS.

For others you'll have to remove the original scroll bar and add HTML, CSS and JS (easiest solution would be simply including a jQuery plugin, I suppose) to make it work and look as intended.

 

I see, can you give me an example in css? im not that good is css.

[linusforsell]

I see, can you give me an example in css? im not that good is css.

 

Chris Coyier has a great (as always) article about styling Webkit Scrollbars with CSS over on CSS-Tricks: https://css-tricks.com/custom-scrollbars-in-webkit/

It might be a bit dated, but should still work mostly the same.

[jedzkie13]

Bump! I cannot make the scroll design same as on the picture posted in my 1st post, I hope someone will help me here to code this for me! thanks!

[jedzkie13]

Bump.

[beingGamer]

I would suggest slimbar plugin in in case you are not referring to browser's scrollbar.

Then tweak its css

 

I am not sure about the arrow keys though, whether that plugin shows them