Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Custom Web Scrollbar

Featured Replies

Hey all, im re-designing my website and ive incounted a problem :mellow:

 

Does anyone know how i can make a custom scroll bar using CSS/HTML or javascript???

 

Below is a section of my design so far, thats how i would look the scrollbar to roughly look like :D

 

 

Any idea's??????

PLEASEEEEE HELP!

 

newSiteDesign.jpg

First result on google for 'custom scrollbar' :pp

:rofl: and there was me thinking you had a bookmarks folder full of this stuff!

 

(like I have)

Haha, i've got one bookmarked, it's an old one from dynamic drive i once used when i was a wee one, but it's no where near as good as that :p

 

I might check out that scrollbar, me quite likey. Wonder how it degrades though.

Will let you know in about an hour :rofl:

 

 

EDIT

 

From the site...

 

Degrading is the most important feature of the script, it degrades excellently without breaking anything if the user has turned off javascript, or when the User Agent has no javascript support. Why not try this page with Javascript turned off? You'll see the content in the srollable elements are still accessible.

 

I've had a bit of a play, and it does seem to be pretty much as claimed!

  • Author
Will let you know in about an hour :rofl:

 

 

EDIT

 

From the site...

 

 

 

I've had a bit of a play, and it does seem to be pretty much as claimed!

 

Hey Scott, i had a little play and i've got the look alrite'ish :D

May need some tweeks.

 

What you think.....??

http://www.funkthemedia.com/scroll/

  • Author
That's pretty slick, nudge the blue bar over to right by a few px's, was it straight forward to set up?

 

Ya was quite quick to make to be honest with you, just stripped out the other bottom scroll box and just mosty changed the images in the CSS and the widths and hights and a tad more and you get these results.

 

Thanks for finding the link for me :D

 

Much apreciated!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.