onClick przejdź do dolnej części strony, używając jQuery .animate

Question

Mam tabelę, w której ostatnia kolumna zawiera przyciski akcji, która otwiera kolejną sekcję pod tabelą. Gdy ta sekcja jest otwarta, strona ciała pozostaje tam, gdzie został naciśnięty przycisk z kolumny akcji. Muszę użyć jQuery najlepiej z .animate, który przewija stronę .html do tej otwartej sekcji pod tabelą.

skrzypce przykład: http://jsfiddle.net/Ksb2W/110/

Jeśli ktoś cand mi w tym pomóc. Dziękuję.

Answer 1

demohttp://jsfiddle.net/h4ZQR/lubhttp://jsfiddle.net/byRRY/

Dobry API: http://api.jquery.com/scrollTop/

Uwaga: można użyć: .animate({scrollTop: $("#whateverdiv").offset().top}); aby przejść do niektórych odcinkach stronie.

Nadzieja to pomaga

html

<a href="#bottom" id="hulk">Click me to go to bottom</a> 

kod

$("#hulk").click(function() { 
    $("html, body").animate({ scrollTop: $(document).height() }, "slow"); 

});​ 

LUB

$("a[href='#bottom']").click(function() { 
    $("html, body").animate({ scrollTop: $(document).height() }, "slow"); 
    return false; 
});​