jquery - 如何自动将页面滚动到动画到另一个位置后的元素？

Question

我有这段代码，但我不知道如何自动滚动到球的移动位置。球移出屏幕，向上移动。

编码：

jQuery(document).ready(function($) {
$(".scroll").click(function(event){     
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
}); 
});

$(function() {
    $( "#ball" ).draggable({ containment: "#containment-wrapper", scroll: false, revert: "invalid" });
    $( "#ball2" ).draggable({ containment: "#containment-wrapper", scroll: false, revert: "invalid" });
$( "#droppable" ).droppable({
        activeClass: "ui-state-hover",
        hoverClass: "ui-state-active",
        drop: function( event, ui ) {
            $("#ball2").animate({left: '-=100', top: '-=250'}, 300);
            $( this )
                .addClass( "ui-state-highlight" )
                .find( "p" )
                    .html( "ball runs up" );
        }           
});
});

Answer 1

你不能用scrollIntoView()吗？

http://www.quirksmode.org/dom/tests/scrollintoview.html