пропали кнопки вверх-вниз

@rodniksveta, здравствуйте!

В течении дня сделаю для вас новые кнопочки вверх и вниз. Выложу сюда исходный код, и объясню как поставить их на форум.

Michael McGlynn пишет:@rodniksveta, здравствуйте!

В течении дня сделаю для вас новые кнопочки вверх и вниз. Выложу сюда исходный код, и объясню как поставить их на форум.

Спасибо большое    Буду ждать 
С

Здравствуйте.

Не буду вдаваться в подробности, что и как устроено, дабы не флудить на данном форуме, выкладываю готовый код, который готов к использованию.

Инструкция:

Панель Администратора - Оформление - Шаблоны - Общие настройки - overall_footer_end

Перед тегом </body> вставьте вот это:

Код:

   
<div id="bttnScrollTop" class="bttn-scroll-top"></div>
<style>
.bttn-scroll-top {
background-color: #F44336;
border: 3px solid #191919;
border-radius: 50%;
cursor: pointer;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
width: 50px;
height: 50px;
opacity: .8;
position: fixed;
bottom: -80px;
right: 20px;
transition: all .5s ease-in-out;
z-index: 9999999;
}
.bttn-scroll-top:hover {opacity: 1;background-color: #337AB7;}
.bttn-scroll-top--visible {bottom: 20px;}
.bttn-scroll-top__icon {width: 30px;height: 30px;fill: white;}   
</style>   
<script>
 document.addEventListener('DOMContentLoaded', function() {
   
function myScrollBttnFunc () {
const $scrollButton = document.getElementById('bttnScrollTop');
$scrollButton.insertAdjacentHTML('afterbegin', '<svg class="bttn-scroll-top__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"/></svg>');
let $myBttnTop = $scrollButton;   
let $scrolltop = pageYOffset;
let $intervalId = 0;

function trackScroll() {      
if (pageYOffset >$scrolltop) {
$myBttnTop.classList.add('bttn-scroll-top--visible');
} else {
$myBttnTop.classList.remove('bttn-scroll-top--visible');
}
$scrolltop = pageYOffset;
}
function scrollStep() {
if (window.pageYOffset === 0) {
clearInterval($intervalId);
}
window.scroll(0, window.pageYOffset - 50);
}
function scrollToTop() {
$intervalId = setInterval(scrollStep, 16.66);
}   

window.addEventListener('scroll', trackScroll);   
$myBttnTop.addEventListener('click', scrollToTop);   

}

myScrollBttnFunc();
}, false);   
</script>   


Увы, кнопочка вниз не является актуальной функцией в наши дни, поэтому её я не стал реализовывать. Если вам не понравится внешний вид кнопки, сообщите мне и я изменю на стиль который вам нужен.

 тему закрываю