Question

Every time I add an item – I want to scroll down to Add Item Form form (#form_additem) – how can that be done?

Example of HTML Code:

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

I have tried:

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

but it scrolling at the bottom of the page.

Thanks

Answer 1

You might be interested in the scrollTo plugin. Then, it’s as easy as: http://jsfiddle.net/pimvdb/rVgna/.

$.scrollTo("#form_additem");