Automatically scroll jQuery vertically in div

Question

Automatically scroll jQuery vertically in div

Can anyone suggest a nice simple vertical jQuery script autoprocessor? one that does not swell, I just need to run it automatically and scroll 6 or more li into the div. I tried jquery.autoscroll.js but could not start it automatically.

 $.fn.autoscroll.defaults = { start: { step: 50, scroll: true, direction: "down", pauseOnHover: true }, delay: 5000, ffrw: { speed: "fast", step: 100 } };

+4

jquery autoscroll

acctman Aug 28 '12 at 17:14

source share

4 answers

Robin maben · Answer 1 · 2012-08-28T17:18:12+0000

 var div = $('div.autoscrolling'); var scroller = setInterval(function(){ var pos = div.scrollTop(); div.scrollTop(++pos); }, 100)

Working demo .

EDIT:

To stop scrolling when a div scrolls down, add the following check at the end above function() {} -

 if($(this).scrollTop() + $(this).innerHeight() >= this.scrollHeight) clearInterval(scroller); }

Moes · Answer 2 · 2012-12-20T10:26:19+0000

simpleScroll - cool plugin http://logicbox.net/jquery/simplyscroll/

Josh burson · Answer 3 · 2014-10-07T17:27:17+0000

Robin's answer didn’t quite do the trick for me for several reasons, so the extended version of his approach was changed here:

 var div = $('.scrollbit'); $('.scrollbit').bind('scroll mousedown wheel DOMMouseScroll mousewheel keyup', function(evt) { if (evt.type === 'DOMMouseScroll' || evt.type === 'keyup' || evt.type === 'mousewheel') { } if (evt.originalEvent.detail < 0 || (evt.originalEvent.wheelDelta && evt.originalEvent.wheelDelta > 0)) { clearInterval(scrollbit); } if (evt.originalEvent.detail > 0 || (evt.originalEvent.wheelDelta && evt.originalEvent.wheelDelta < 0)) { clearInterval(scrollbit); } }); var scrollbit = setInterval(function(){ var pos = div.scrollTop(); if ((div.scrollTop() + div.innerHeight()) >= div[0].scrollHeight) { clearInterval(scrollbit); } div.scrollTop(pos + 1); }, 100);