Claro, aquí lo tienes!,
Código Javascript
:
Ver original<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://markgoodyear.com/labs/scrollup/js/jquery.scrollUp.js?1.1"></script>
<script>
$(function () {
$.scrollUp({
scrollName: 'scrollUp', // Element ID
topDistance: '300', // Distance from top before showing element (px)
topSpeed: 300, // Speed back to top (ms)
animation: 'fade', // Fade, slide, none
animationInSpeed: 200, // Animation in speed (ms)
animationOutSpeed: 200, // Animation out speed (ms)
scrollText: 'Subir arriba', // Text for element
activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
scrollImg: true,
});
});
</script>
Código CSS:
Ver original#scrollUp {
bottom: 20px;
right: 0px;
width: 38px; /* Width of image */
height: 38px; /* Height of image */
background: url(assets/img/top.png) no-repeat;
cursor:pointer;
}
#scrollUp:hover {
background: url(assets/img/tophover.png) no-repeat;
}
Ahí tienes el código completo!,
Saludos!