Awesome page scrolling, custom scrollbars!
SuperScroll is an IPS 4 plugin that changes the default scrolling behavior when browsing IPS 4 webpages. With SuperScroll you can can control the speed and feel of how all IPS webpages move (with easing) and change the look and feel of the browser scrollbar. SuperScroll is based on Nicescroll, a jQuery plugin.
SuperScroll attaches to the entire HTML element and binds to mousewheel, up/down keys, and the spacebar. All IPS webpages will now scroll smoothly with the settings you specify, easing to a stop after the input has ended. Any additional interior elements (such as editor boxes, etc) that have scrollbars will NOT be affected and will behave as usual. You control the speed and the distance!
When using SuperScroll the browser's native scrollbar is replaced with two divs - one used as the background rail, the other for the cursor that travels up and down overtop the rail. These divs collectively float over top of your page content. The screenshot provided shows a few quick examples but it really is up to you how this looks. You can customize nearly everything for both divs!
Such as? Add a fixed background to the rail with a branding/theme element from your community. Maybe cut a sponsorship deal and stick a static ad as the background for the rail. Change the cursor to a circle. Set both the cursor and the rail to transparent - still grabbable but no one will ever see the scrollbars on your pages again! How about an image as the cursor? Animated? Why not!
Page Movement: Distance each wheel notch/key click will move the page in pixels. Speed of that movement.
Entire Scrollbar: Auto fade out on/off, fade out delay time, opacity of the entire scrollbar on full-fade, opacity of the entire scrollbar when fully visible. Z-index number to ensure the scrollbar never gets hidden by other page elements, move the scrollbar from the right side to the left side of the page.
Scrollbar Cursor: Width, Color, Radius (to round the edges or make a completely round cursor), Minimum cursor height, fixed cursor height, top and bottom buffers, CSS borders, right padding to nudge the cursor away from the edge of the page. Transparency with the RGBA toggle. Set an image as the cursor!
Scrollbar Rail: Width, color, full control of CSS background call (including transparency and image).
Single public site and all of your development instances (hosted or localhost). Have another site? Get another under that account please.
Price and renewals:
8 now, 3 for yearly renewals. Honestly though, the renewal fee is mainly to protect me if the plugin needs to get completely rewritten due to IPS changes. As it is now, the thing is pretty much future-proof so you can probably ignore the renewal invoices when they arrive. Unless you want to shower me with beer money. Please do!
Check out the support topic for more information. Short version is rail positioning, ease speed, better CSS handling, bumper effect, and drag/drop background image handling. For some of this it's complicated...
Hit the support topic for some pointers on some standard settings as well!
Note: Works with all 4x series. Probably needs some better css targeting to exception out anything other than the browser scrollbar.