How to move browser's scrollbar to a class?
<p>This script loads 10 more posts from peoples.php in index.php every time the button is pressed (through the loadfeed function).</p>

<pre><code>$("#loadmore").click(function() {
    cap += 10;
    loadfeed();
    $(this).addClass("loading");
    that = this
    setTimeout(function() {
        $(that).removeClass('loading');
    }, 3000)
});
</code></pre>

<p>My posts are in this format and the class in number ASC, using <code>$i</code> for every post. The class has nothing to do with my CSS, I added it now to explain my thought.</p>

<pre><code>&lt;div id="post" class="p1"&gt;&lt;/div&gt;
&lt;div id="post" class="p2"&gt;&lt;/div&gt;
&lt;div id="post" class="p3"&gt;&lt;/div&gt;
.
.
.
</code></pre>

<p>Every click on "load more" loads +10 posts. When a user enters in the page there is a default of 20 posts. </p>

<p>This is how I add 10 posts.</p>

<pre><code>...   .load('people.php?cap='+cap, function () { ...
</code></pre>

<p>When I click on "load more" I want the scrollbar to be in a predefined position and not at the end of the page as it does now.</p>

<p>I tried to use  in some places of the index.php but it is not ideal, not working as I want it.</p>

<p>So when a user clicks "load more" at first, the posts loaded are 30 from the default 20. On second click are made 40. For now, the last post shown is the 20th, 30th, 40th....</p>

<p>How can I take the browser to the 21st, 31st, 41st post when the use clicks on <code>#loadmore</code> ?</p>
