Так можно же просто код поставить:
Это перед тегом "</head>"
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>");
jQuery(window).scroll(function(){
if (jQuery(this).scrollTop() > 350) {
jQuery('.scrolltotop').fadeIn();
} else {
jQuery('.scrolltotop').fadeOut();
}
});
jQuery('.scrolltotop').click(function(){
jQuery("html, body").animate({ scrollTop: 0 }, 600);
return false;
});
});0
</script>
А это в CSS:
.scrolltotop {
display:none;
position:fixed;
width:3%;
top:0;
left:0;
height:100%
;z-index:9000;
cursor:pointer
}
.scrolltotop__side {
position:fixed;
width:3%;
height:100%;
top:0;
left:0;
background: #b4b4b4;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0.2);
-moz-opacity:0.1;
-khtml-opacity:0.1;
opacity:0.1
}
.scrolltotop__arrow {
position:fixed;
width:3%;
height:100%;
top:50px;
left:0;
background:url(__ipbmafia.ru/public/style_images/mafiaboard/totop.png) top no-repeat;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)";
filter:alpha(opacity=0.4);
-moz-opacity:0.4;
-khtml-opacity:0.4;
opacity:0.4
}