如何在页面加载时自动向下滚动div标签？

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?

Answer 1

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

Answer 2

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.

Answer 3

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