向下滚动到表格DIV区域？

Question

每次添加项目时，我都要向下滚动到添加项目表单表单（#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");

Answer 2

您的代码是正确的。如果#form_additem是</body>之前的最后一个元素，则可以滚动到页面的最底部。

你也可以通过pimvdb：

建议动画scrollTo（）函数

$.scrollTo("#form_additem", 1000);