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>
- white highlight : position from bottom
- red highlight : url for image
Back To Top Button 2
** This symbol will appear when you scroll down **
1. Copy and paste the code before the </head> tags
<style type="text/css">
{CustomCSS}
</style>
<style type="text/css">
#toTop {
position:fixed;
bottom:80px;
right:80px;
cursor:pointer;
background:url(http://static.tumblr.com/fgfmpgh/M3zkzagj7/totop.png) no-repeat;
text-indent:-9999px;
width:51px;
height:51px;
}
</style>
2. Then copy and paste this code between <body> </body> tags
<a href="#" id="toTop">^ Scroll to Top </a>
<!– Scroll –>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/Qqfkzalyi/jquery.scroll.pack.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/fgfmpgh/7xukzalz8/jquery.easing.js"></script>
<script type="text/javascript">
$(function() {
$("#toTop").scrollToTop({speed:500,start:700});
});
</script>
<!– / Scroll –>
Back To Top Button
1. copy and paste this code BEFORE </head> tag.
<a title="Back to Top" href="#" style="position: fixed; bottom: 60px; right: 70px;"><img src="IMAGE URL"></a>
* you can change the positions if you want. :)
