jQuery - Cuộn xuống cuối div trên slideDown

Question

Tôi đang cố gắng cuộn xuống dưới cùng của div khi người dùng nhấp vào liên kết để trượt div xuống.

Tôi đã thử bằng cách sử dụng scrollTo và animate

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

nhưng không có gì xảy

heres fiddle

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

Chỉ cần sử dụng chiều cao .expander của bạn.
Nếu bạn cần điều này là biến bạn có thể làm điều này: 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); 
}); 

Bạn đang sử dụng một tên lớp thay vì một id. Bạn phải cuộn đến một phần tử duy nhất.

Answer 3

DEMO

SỬ DỤNG:

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

CẬP NHẬT

Scrolling the div Demo

Sử dụng này, Bí quyết là ở scrollHeight xem câu trả lời của tôi ở đây 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

thử loại này để thay thế.

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

bản demo http://jsfiddle.net/CLzfW/17/