jQuery - 在slideDown上滚动到div的底部

Question

当用户点击链接滑动div时,我试图滚动到div的底部.

我尝试过使用scrollTo和animate

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

但没有任何反应

这是小提琴

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

Answer 1

演示:http://jsfiddle.net/CLzfW/4/

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

只需使用.expander高度即可.
如果你需要这个变量你可以这样做: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);
});