javascript - 向下滚动到 Form DIV 区域？

Question

每次我添加一个项目 - 我想向下滚动到 Add Item Form 表单 (#form_additem) - 如何做到这一点？

HTML 代码示例:

<div class="item"> 1 </div>
<div class="item"> 2 </div>
<div class="item"> 3 </div>
<div class="item"> 4 </div>
<div id="form_additem"> 
  Add Item: <input type="text" value="" />
</div>

我试过:

 $('html,body').animate({scrollTop: $("#form_additem").offset().top + "px"});

但它在页面底部滚动。

谢谢

Answer 1

您可能对 scrollTo plugin 感兴趣.然后，就这么简单:http://jsfiddle.net/pimvdb/rVgna/ .

$.scrollTo("#form_additem");