How to load an ajax only when user scrolls down to that area
<p>We have a website that has a "comments" area we are looking for a way to only begin loading the ajax related to comments once the user actually scrolls down to the comments area.</p>

<p>Many users don't even reach there and we don't want to load the ajax for nothing.</p>

<p>Basically we are loading the comments like this:</p>

<pre><code>$('#commentload').load(&lt;?php echo "'" . base_url() . "ajax/comments'"; ?&gt;);
</code></pre>

<p>inside an area called:</p>

<pre><code>&lt;div id="commentload"&gt;&lt;/div&gt;
</code></pre>

<p>What should we add to it so that it only starts the load when user reaches the bottom of the 1/4th bottom of the page?</p>