How to make automatically scroll down a div tag on page load?

Question

Cannot make a div element automatically scroll down.

$('#div').scrollTop(1000)

This doesn't work, but if set on click it works:

$('btn').click(function()
{
    $('#div').scrollTop(1000);
});

I need it to scroll down without clicking any button. What do I need to change?

window.onload? http://stackoverflow.com/questions/588040/window-onload-vs-document-onload — DeBraid, Nov 24 '14 at 23:32
Tried window.onload = function() {...} but doesn't seem to fix this — Root149, Nov 24 '14 at 23:38
@Root149: Then you need to supply more context, or a runnable example that reproduces the issue. — Cᴏʀʏ, Nov 24 '14 at 23:40
Fixed. I was foolishly using scrollTop before an ajax request which is supposed to fill up the div tag. Thanks anyway. — Root149, Nov 24 '14 at 23:46

score 0 · Answer 1 · answered Nov 24 '14 at 23:37

0

$(document).ready(function(){
    $('#div').scrollTop(1000);
  });

answered Nov 24 '14 at 23:37

SierraOscar

17,507
6
40
68

score 0 · Accepted Answer · answered Nov 24 '14 at 23:37

0

Try running it after the document is ready:

$(function() { // short for $(document).ready(function() {
    $('#div').scrollTop(1000);
});

Chances are you're running your script before the element exists (check $('#div').length -- if it's 0, you're running it too soon). You need to wait until the DOM is loaded, which wrapping your code in the above will handle.

answered Nov 24 '14 at 23:37

Cᴏʀʏ

105,112
20
162
194

It may actually be, since I'm using Ajax to add content to the div tag, thanks – Root149 Nov 24 '14 at 23:41
Yeah, the issue was that the scrollTop was before the Ajax request, so it first scrolled down an empty div tag and then added data. Thanks again – Root149 Nov 24 '14 at 23:44

score 0 · Answer 3 · answered Nov 24 '14 at 23:38

0

$(document).ready(function() {
   $('#div').scrollTop(1000);
});

answered Nov 24 '14 at 23:38

Phil

1,996
1
19
26

How to make automatically scroll down a div tag on page load?

3 Answers3