The left is the what I'm trying to scroll...it scrolls just a little bit and then stops. It seems to scroll the same amount each time too.

I am trying to get the scrollTop using jQuery to work on page load when the content I am trying to scroll to is located in within a div. The current implementation doesn't do anything

javascript

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>



<script>

    $(document).ready(function (){

            //$(this).animate(function(){

                $('html, body').animate({

                    scrollTop: $("#test4").offset().top

                     }, 2000);

            //});

    });

</script>

html

<div class="row">

    <div class = "span12">

    

        <div class = "row">

        

            <div class = "span2">

            

                <div style="height:480px;font:12px Georgia, Garamond, Serif;overflow:auto;">

                

                    <div id = "test1">Test1</div>

                    <div id = "test2">Test2</div>

                    <div id = "test3">Test3</div>

                    <div id = "test4">Test4</div>

                

                </div>

            </div>

        

        

            <div class = "row">

                <div class = "span8">

                    Other content on the page

                </div>

            </div>

        

        </div>

    </div>

</div>