Jump to content


Styling scrollbars when using scrollToPlugin?

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi all,

First off, thank you for this amazing library! It's constantly amazing.


I'm using the scrollToPlugin to create an ISI. We've been asked if we can style the draggable element in the scrollbox, but we haven't been able to pinpoint where that might happen.


Does anyone have any experience styling the scrollbar when using the scrollToPlugin?



Link to comment
Share on other sites

Welcome to the forums.


I haven't seen styled scrollbars in a very long time. Really not sure about the browser support. Might want to Google a bit or check StackOverflow.com.

  • Like 1
Link to comment
Share on other sites

Chrome and IE might allow scrollbars to be styled but Firefox will no longer allow it due to the support in the spec.


See this Firefox bugzila: https://bugzilla.mozilla.org/show_bug.cgi?id=77790


Your best bet is to just use some type of javascript or jQuery plugin to create some polyfill that creates a fake scrollbar system so it can be styled cross browser.

Link to comment
Share on other sites

Not tested with GreenSock scrollToPlugin, but these two plugins can customize the look and feel of the native scrollbars:


nanoScroller.js - a jQuery plugin for implementing Mac OS X Lion-styled scrollbars

Perfect Scrollbar - Minimalistic but perfect custom scrollbar plugin




  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.