DZS Scroller - jQuery Scrollbar done right

Last Update
26 June 2013
Regular License
$5
Extended License
$25
Sales
333

Tired of the default scrollbar ? DZS Scroller jQuery is the ultimate scrollbar for your site which you can customize very easily via CSS if the 3 skins included are not enough. It also comes with enhanced functionality like scroll by hover or fade on mouse leave. And it works on iPhone/iPad! So what are you waiting for ? Get it today for your site, integrate in less then 5 minutes!

iPAD Demo

Updates For updating, just overwite the dzscroller folderUPDATE 3.30 [ 06/26/2013 ]

[FIX] some bugs

[FIX] removed responsive mode – just use width: 100%; for responsiveness

[TWEAK] changed mouse wheel algorithm

[FIX] mouse wheel on IE9

UPDATE 3.1 [ 05/02/2013 ]

fixed some bugs improved experience on mobile devices – more natural scrolling

UPDATE 3.0 [ 02/22/2013 ]

fixed some bugs NEW: now responsive

UPDATE 2.0 [ 03/22/2012 ]

fixed bugs cleaned skin settings to only a settings_skin parameter 5 fresh skins settings_autoheight – calculate the scroller height depending on the first element height settings_autoresizescrollbar – calculate the scrollbar size depending on the visible area / content area proportion

UPDATE 1.3 [ 09/06/2011 ]

scrollbars now visible on the iphone / ipad some new options, some bug fixes

UPDATE 1.2 [ 07/27/2011 ]

added reinitialization options for [content added after initialization ]

UPDATE 1.1 [ 07/14/2011 ]

fixed a issue in ie8 allows dynamic horizontal content

What do you get?

jquery plugin files example files – premade examples from which you can start modify and build your project with readme - documentation – demo here – http://ammon.digitalzoomstudio.net/docs/scroller/docdemo.png LIFETIME updates! – even if the value of this gallery increases with upcoming updates, you will get them for free

free support! – for installation via my forum -> http://digitalzoomstudio.net/support/ this is the fastest form of support

FAQ How many parameters do I need to setup the scroller The width and height of the mandatory. Other optional parameters are size of the whole content area ( can be autocalculated , fullwidth, refresh on resize and many more. See documentation for full list. Does it work on smartphones Yes, it works on touch devices – iPad and iPhone tested. You can test with your device right in the preview

Can I have as many pics as I want? Yes. Note that pictures take time to load – you can call the scroller right when the document is ready – via the jQuery(document).ready call and the scrollbar will appear right away. Or you can call the scroller when all the images are loaded via the jQuery(window).load call and if you use the full_horizontal example the scroller dimensions will be auto calculated.

What if the pictures are different size Does not matter.

the content area in my web site is not full-page, but a smaller content box in the middle of the web site page can I use your script in this smaller content area?

Sure can. The scroller works both fullwidth and in layout. It’s added in the content like a normal div would

How do I refresh the scrollbar dimensions after adding new content Aw yes, I just added the reinitialization method for cases when something like this is added jQuery('#scrollc6').find('.real-inner').append('<a rel="fancybox" href="img/b1.jpg"><img src="img/s1.jpg" /></a>'); so that it recalculates the sizes. There are two ways to do this Method 1 – do this on init

jQuery('#scrollc6').scroller({ settings_refresh:10000 });which autorefreshes every 10 seconds ( or what you want to enter ) or

Method 2 – hard, single refresh jQuery('#scrollc6').scroller.reinit(); when you do a manual refresh.