jQuery - Przewiń do dołu elementu div w slideDown

Question

Próbuję przewinąć do dołu div, gdy użytkownik kliknie link, aby przesunąć element div w dół.

Próbowałem za pomocą scrollTo i animować

$('html, body').animate({ 
scrollTop: $("#elementID").offset().top 
}, 2000); 

ale nic się nie dzieje

herezje skrzypcach

http://jsfiddle.net/CLzfW/29/

Answer 1

Demo: http://jsfiddle.net/CLzfW/4/

$('.button').click(function(e){ 
    e.preventDefault(); 
    $('.expander').slideToggle(); 
    $('html, body').animate({ 
     scrollTop: 1000 
    }, 2000); 
}); 

Wystarczy użyć wysokość .expander.
Jeśli trzeba, że ​​jest to zmienna można to zrobić: http://jsfiddle.net/CLzfW/26/

var scroll_to = $('.expander').offset().top + $('.expander').height(); 
$('.button').click(function(e){ 
    e.preventDefault(); 
    $('.expander').slideToggle(); 
    $('html, body').animate({ 
     scrollTop: scroll_to 
    }, 2000); 
}); 

Answer 2

$("#something").click(function() { 
    $('html, body').animate({ 
    scrollTop: $("#element").offset().top 
}, 1000); 
}); 

Używasz nazwę klasy zamiast identyfikator. Musisz przewinąć do unikalnego elementu.

Answer 3

DEMO

USE:

$('html, body').animate({scrollTop: $(document).height()}, 'slow'); 

UPDATE

Scrolling the div Demo

Użyj tego, Sztuką jest w scrollHeight zobaczyć moją odpowiedź tutaj How do I get the “auto” height of a DIV

$('.button').click(function(e){ 
    e.preventDefault(); 
    $('.expander').slideToggle(); 
    $('.expander ').animate({scrollTop: $('.expander')[0].scrollHeight}, 'slow'); 
    $('html, body').animate({scrollTop: $(document).height()}, 'slow'); 
}); 

Scroll Based on div scroll Height

Answer 4

spróbuj zamiast tego.

$('.button').click(function(e){ 
    e.preventDefault(); 
    $('.expander').slideToggle(); 
    $("html, body").animate({ scrollTop: $(document).height() }, 2000); 
}); 

demo http://jsfiddle.net/CLzfW/17/