Scroll to the top

HTML

<script src="http://dl.dropbox.com/u/4151695/html/pajinate/examples/js/jquery.pajinate.js"></script>
            <div id="paging_container2" class="container">
                <h2>Two Nav Panels</h2>             
                <ul class="content">
                     <li><p>One</p></li>
                     <li><p>Two</p></li> 
                     <li><p>Three</p></li>
                     <li><p>Four</p></li> 
                     <li><p>Five</p></li>
                     <li><p>Six</p></li>
                     <li><p>Seven</p></li>
                     <li><p>Eight</p></li>
                     <li><p>Nine</p></li>
                     <li><p>Ten</p></li>
                     <li><p>Eleven</p></li>
                     <li><p>Twelve</p></li>
                     <li><p>Thirteen</p></li>
                     <li><p>Fourteen</p></li>
                     <li><p>Fifteen</p></li>
                     <li><p>Sixteen</p></li>
                     <li><p>Seventeen</p></li>
                     <li><p>Eighteen</p></li>
                     <li><p>Nineteen</p></li>
                     <li><p>Twenty</p></li>
                </ul>
                <div class="page_navigation"></div>
            </div>

CSS

#bottom {
        margin-top: 200%;
    }
li {height: 80px;}
a {margin: 0 5px;}

JavaScript

jQuery(document).ready(function(){
    $('ul.content').pajinate();
});
jQuery('a.page_link').on('click', function(e) {
    e.preventDefault();
    jQuery('html, body').animate({scrollTop:0});
});