フォームDIV領域まで下にスクロールしますか？

Question

アイテムを追加するたびににスクロールしたい項目フォームフォーム（#form_additem） - どのように行うことができますか？ HTMLコードの

例：

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

を、それはページの下部にスクロール：

<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> 

私が試してみました。

おかげ

Answer 1

あなたはscrollTo pluginに興味があるかもしれません。それでは、それは簡単です：http://jsfiddle.net/pimvdb/rVgna/。

$.scrollTo("#form_additem"); 

Answer 2

あなたのコードは正しいです。 #form_additemが</body>の前の最後の要素であれば、おそらくページの最下部までスクロールしても問題ありません。

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

：

また、あなたはpimvdbによって提案scrollTo（）関数を、アニメーション化することができます