auto page scroll when page reached 70% of page height using jquery
<p>I have a page that displays users feeds. I've setup 20 feeds per page and after that users can click on "see more" and it will again display 10 more feeds.</p>

<p>But I want to make it like facebook and twitter where pages are automatically scrolled when we go to the bottom. I have modified my javascript to do the same but it's not working. Any help will be highly appreciated</p>

<p>My javascript code for see more with modified autoscroll is:</p>

<pre><code>$(document).ready(function(){
$(document).scroll(function(e){

    if (processing)
        return false;
if ($(window).scrollTop() &gt;= ($(document).height() - $(window).height())*0.7){
        processing = true;



            $("#morestream_button").click(function() {
                $(this).hide();
                $("#morestream_box").html("&lt;img src=\"'.uhome().'/files/loading.gif\" /&gt; Loading");
                $.post("'.uhome().'/index.php?p=jquery/moreactivities",
                            {offset:$("#stream_offset").val(),uid:"'.$uid.'",target_id:'.$target_id.'},
                              processing = false;
                              function(data){
                                var currentVal = parseInt( $("#stream_offset").val() );
                                $("#stream_offset").val(currentVal + 30);
                                $("#morestream_box").before(data);
                                if (data) {
                                    $("#morestream_button").show();
                                }
                                $("#morestream_box").html("");
                                },"html"
                            );


                return false;
            });
        }}}});
</code></pre>

<p>My website is way2enjoy.com and you can see the link see more at bottom but I dont want to click on that link, I want that as users go down it should automatically scroll.</p>

<p>Use 'demo' as username and password.</p>
