滚动到新添加的元素

Question

如何在点击按钮后自动滚动到新的.append() ed元素？

Answer 1

Flesler's scrollTo plugin应该做你想做的事。

$().scrollTo( $('div li:eq(14)'), 800 );

或者如果您提供上下文..

$('.pane').scrollTo('div li:eq(14)')

更多示例@ http://demos.flesler.com/jquery/scrollTo/

Answer 2

使用jQuery .scrollintoview插件

进行动画平滑滚动

当有超过一页的滚动时，可见滚动尤为重要。简单地跳转到元素将导致可用性问题，并可能使用户感到困惑。动画不会因为他们确切知道他们在哪里。

$("<div>Testung</div>").appendTo("#SomeContainer").scrollintoview();

你会在这里找到这个插件：

http://erraticdev.blogspot.com/2011/02/jquery-scroll-into-view-plugin-with.html