向下滚动到Form 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插件感兴趣。 然后，就像： http : //jsfiddle.net/pimvdb/rVgna/一样简单。

$.scrollTo("#form_additem");

Answer 2

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

您还可以设置pimvdb建议的scrollTo（）函数的动画：

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