Home / Premium Pro Plugins / DZS Scroller – jQuery Scrollbar Done Right

DZS Scroller – jQuery Scrollbar Done Right

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)


Uninterested in the default scrollbar ? DZS Scroller jQuery is the last word scrollbar in your website which you’ll customise very simply by way of CSS if the three skins included will not be 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 at this time in your website, combine in much less then 5 minutes!

iPAD Demo


For updating, simply overwite the dzscroller folder

UPDATE four.11 [ 06/02/2015 ]

  • [FIX] some bugs
  • [ADD] easing

UPDATE three.30 [ 06/26/2013 ]

  • [FIX] some bugs
  • [FIX] eliminated mode – simply use width: 100%; for responsiveness
  • [TWEAK] modified mouse wheel algorithm
  • [FIX] mouse wheel on IE9

UPDATE three.1 [ 05/02/2013 ]

  • mounted some bugs
  • improved expertise on cellular units – extra pure scrolling

UPDATE three.zero [ 02/22/2013 ]

  • mounted some bugs
  • NEW: now responsive

UPDATE 2.zero [ 03/22/2012 ]

  • mounted bugs
  • cleaned pores and skin settings to solely a settings_skin parameter
  • 5 contemporary 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.three [ 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 problem in ie8
  • permits dynamic horizontal content material

What do you get?

  • jquery plugin information
  • instance information – premade examples from which you can begin modify and construct your challenge with
  • readme – documentation – demo right here – http://ammon.digitalzoomstudio.internet/docs/scroller/docdemo.png
  • LIFETIME updates! – even when the worth of this gallery will increase with upcoming updates, you’re going to get them free of charge
  • free assist! – for set up by way of my discussion board -> http://digitalzoomstudio.internet/assist/ that is the quickest type of assist


What number of parameters do I have to setup the scroller

The width and top of the necessary. Different optionally available parameters are dimension of the entire content material space ( may be autocalculated , fullwidth, refresh on resize and plenty of extra. See documentation for full record.

Does it work on smartphones

Sure, it really works on contact units – iPad and iPhone examined. You’ll be able to check along with your machine proper within the preview

Can I’ve as many pics as I would like?

Sure. Word that photos take time to load – you may name the scroller proper when the doc is prepared – by way of the jQuery(doc).prepared name and the scrollbar will seem immediately. Or you may name the scroller when all the pictures are loaded by way of the jQuery(window).load name and in the event you use the full_horizontal instance the scroller dimensions shall be auto calculated.

What if the images are totally different dimension

Doesn’t matter.

the content material space in my
site just isn’t full-page, however
a smaller content material field within the
center of the site web page
can I exploit your script on this
smaller content material space?

Positive can. The scroller works each fullwidth and in format. 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

Technique 1 – do that on init

which autorefreshes each 10 seconds ( or what you need to enter ) or

Technique 2 – exhausting, single refresh

while you do a handbook refresh.


Check Also


Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...


Instadraw – Android Drawing App Template

DOWNLOAD Instadraw – Android Drawing App Template This app has fantastically crafted easy & minimalist ...