В файле "HTML".
После кода:
<script> var folderImg = '{ASSETS_IMAGES_PATH}'; var indexPage = "{index_page}"; </script>Добавить:
<div id="toTop">^ Вверх</div>
В конец файла "main.js".
Добавить код:
$(document).ready(function(){ $("#toTop").hide(); $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#toTop').fadeIn(); } else { $('#toTop').fadeOut(); } }); $('#toTop').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); });В конец файла "main.css".
Добавить код:
#toTop { display: block; position: fixed; right: 2%; background-color: #16A085; padding: 10px; bottom: 18px; color: white; overflow: visible; z-index: 9; cursor: pointer; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #toTop:hover { background-color: #1ABC9C; } @media screen and (max-width: 480px) { #toTop { right: 0; bottom: 0; opacity: 0.5; } }После этих действий на страницах будет появляться кнопка "Вверх" при прокрутке.