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);
});

Answer 2

DEMO

采用 ：

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

UPDATE

滾動div演示

使用此，訣竅在scrollHeight查看我的答案如何獲得DIV的“自動”高度

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

滾動基於div滾動高度

Answer 3

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

您使用的是類名而不是ID。 您必須滾動到一個唯一元素。

Answer 4

試試這個。

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

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