向下滾動到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 plugin。然後，它就像：http://jsfiddle.net/pimvdb/rVgna/。

$.scrollTo("#form_additem"); 

Answer 2

您的代碼是正確的。如果#form_additem是</body>之前的最後一個元素，也許可以滾動到頁面的最底部。

您也可以動畫scrollTo（）函數，通過pimvdb建議：

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