[tealtable]Рипал: Бармен[/tealtable]
[kortable]Ссылка на скачивание![/kortable]
Вставляем в Нижнюю часть сайта в самый низ:
Код
<script src="/js/jsjquery.ui.totop.js" type="text/javascript"></script>
<script src="/js/easing.js" type="text/javascript"></script>
<link rel="stylesheet" href="//cdn.materialdesignicons.com/3.5.95/css/materialdesignicons.min.css">
<a href="#" id="ui-to-top" class="ui-to-top active"></a>
CSS:
Код
.ui-to-top.active {
transform: translateY(0);
}
@media (min-width: 480px) .ui-to-top {
right: 40px;
bottom: 40px;
}
.ui-to-top, .ui-to-top:active, .ui-to-top:focus {
color: #fff;
background-color: #ed1c94;
}
.ui-to-top {
position: fixed;
width: 50px;
height: 50px;
font-size: 20px;
border-radius: 9px;
right: 15px;
bottom: 15px;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 120;
transition: .45s all ease-in-out;
will-change: transform;
transform: translateY(100px);
}
.ui-to-top:hover {
color: #fff;
background-color: #981df0;
text-decoration: none;
}
.ui-to-top::before {
content: '\f143';
font-family: material design icons;
line-height: 50px;
}
JS (в нижнюю часть сайта):
Код
<script type="text/javascript">
$(document).ready(function() {
$().UItoTop({
easingType: 'easeOutQuart'
});
});
</script>