Tumblr Academy • Scroll up & bottom Button

Scroll up & bottom Button

1. Copy and paste this code before </head> tags.

<!----- SCROLL TOP/HOME/BOTTOM A1  ---->

<title>Scroll to Bottom or Top - DevCurry.com</title>
    <script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
    </script>
     <script type="text/javascript" language="javascript">
         $(function () {
             $('#scrlBotm').click(function () {
                 $('html, body').animate({
                     scrollTop: $(document).height()
                 },
                 1500);
                 return false;
             });

             $('#scrlTop').click(function () {
                 $('html, body').animate({
                     scrollTop: '0px'
                 },
                 1500);
                 return false;
             });
         });
    </script>

2. Copy and paste the code before </body> tags. You can change the position and image for the button.

<!----- SCROLL TOP/HOME/BOTTOM A2 ---->

<a id="scrlTop" title="Top" href="#" style="position: fixed; bottom: 377px; right: 2px;"><img src="http://25.media.tumblr.com/tumblr_lr6vxlHRDx1qmnaxoo2_75sq.png"></a>

<a title="Home" href="http://academyoftumblr.tumblr.com/" style="position: fixed; bottom: 361px; right: 22px;"><img src="http://cdn4.iconfinder.com/data/icons/PixeloPhilia_2/PNG/home.png"></a>

<a id="scrlBotm" title="Bottom" href="#" style="position: fixed; bottom: 300px; right: 2px;"><img src="http://29.media.tumblr.com/tumblr_lr6vxlHRDx1qmnaxoo1_75sq.png"></a>