1. В файле /themes/default-bootstrap/footer.tpl добавляете код
<div class="scrollup"><i class="icon icon-chevron-sign-up"></i></div>
{literal}
<script>
$(function() {
$('.scrollup').click(function() {
$("html, body").animate({
scrollTop:0
},800);
})
})
$(window).scroll(function() {
if ($(this).scrollTop()>100) {
$('.scrollup').fadeIn();
}
else {
$('.scrollup').fadeOut();
}
});
</script>
{/literal}
</body>
2. В файле /themes/default-bootstrap/css/global.css добавлятете правила css для кнопки вверх
div.scrollup {
position: fixed;color: #fff; background-color: #333;right: 40px; bottom: 40px; padding: 10px 20px;font-size: 30px; border-radius: 2px;cursor: pointer;display: none;text-align: center;}
div.scrollup:hover {
background-color: #000;
}