Uninterested in the default scrollbar ? DZS Scroller jQuery is the final word scrollbar in your website which you’ll be able to customise very simply through CSS if the three skins included are usually not sufficient. It additionally comes with enhanced performance like scroll by hover or fade on mouse depart. And it really works on iPhone/iPad! So what are you ready for ? Get it right this moment in your website, combine in much less then 5 minutes!
iPAD Demo
Updates
For updating, simply overwite the dzscroller folder
UPDATE 4.11 [ 06/02/2015 ]
- [FIX] some bugs
- [ADD] easing
UPDATE 3.30 [ 06/26/2013 ]
- [FIX] some bugs
- [FIX] eliminated responsive mode – simply use width: 100%; for responsiveness
- [TWEAK] modified mouse wheel algorithm
- [FIX] mouse wheel on IE9
UPDATE 3.1 [ 05/02/2013 ]
- mounted some bugs
- improved expertise on cellular units – extra pure scrolling
UPDATE 3.0 [ 02/22/2013 ]
- mounted some bugs
- NEW: now responsive
UPDATE 2.0 [ 03/22/2012 ]
- mounted bugs
- cleaned pores and skin settings to solely a settings_skin parameter
- 5 recent skins
- settings_autoheight – calculate the scroller top relying on the primary factor top
- settings_autoresizescrollbar – calculate the scrollbar dimension relying on the seen space / content material space proportion
UPDATE 1.3 [ 09/06/2011 ]
- scrollbars now seen on the iphone / ipad
- some new choices, some bug fixes
UPDATE 1.2 [ 07/27/2011 ]
- added reinitialization choices [ for content added after initialization ]
UPDATE 1.1 [ 07/14/2011 ]
- mounted a concern in ie8
- permits dynamic horizontal content material
What do you get?
- jquery plugin recordsdata
- instance recordsdata – premade examples from which you can begin modify and construct your undertaking with
- readme – documentation – demo right here – http://ammon.digitalzoomstudio.net/docs/scroller/docdemo.png
- LIFETIME updates! – even when the worth of this gallery will increase with upcoming updates, you’ll get them without spending a dime
- free assist! – for set up through my discussion board -> http://digitalzoomstudio.net/support/ that is the quickest type of assist
FAQ
What number of parameters do I must setup the scroller
The width and top of the obligatory. Different non-obligatory parameters are dimension of the entire content material space ( may be autocalculated , fullwidth, refresh on resize and plenty of extra. See documentation for full checklist.
Does it work on smartphones
Sure, it really works on contact units – iPad and iPhone examined. You may take a look at along with your gadget proper within the preview
Can I’ve as many pics as I would like?
Sure. Word that photos take time to load – you’ll be able to name the scroller proper when the doc is prepared – through the jQuery(doc).prepared name and the scrollbar will seem immediately. Or you’ll be able to name the scroller when all the photographs are loaded through the jQuery(window).load name and when you use the full_horizontal instance the scroller dimensions will likely be auto calculated.
What if the photographs are totally different dimension
Doesn’t matter.
the content material space in my
site shouldn’t be full-page, however
a smaller content material field within the
center of the site web page
can I take advantage of your script on this
smaller content material space?
Certain can. The scroller works each fullwidth and in structure. It’s added within the content material like a traditional div would
How do I refresh the scrollbar dimensions after including new content material
Aw sure, I simply added the reinitialization technique for circumstances when one thing like that is added
jQuery('#scrollc6').discover('.real-inner').append('<a rel="fancybox" href="img/b1.jpg"><img src="img/s1.jpg" /></a>');
in order that it recalculates the sizes. There are two methods to do that
Methodology 1 – do that on init
jQuery('#scrollc6').scroller({
settings_refresh:10000
});
which autorefreshes each 10 seconds ( or what you need to enter ) or
Methodology 2 – exhausting, single refresh
jQuery('#scrollc6').scroller.reinit();
whenever you do a handbook refresh.
