Кнопки прокрутки на Волшебном форумеЛичные скрипты для окна "Настройки", которые создают кнопки прокрутки "вверх" и "вниз".
<br>Автор Антон Азанов (Djelf) | | Автор статьи: Последняя редакция №1 от 21.09.23 URL: http://kb.mista.ru/article.php?id=985 | |
JS
var btnDown = document.createElement("button");
btnDown.innerHTML = "▼";
btnDown.className ="btnDown";
var body = document.getElementsByTagName("body")[0];
body.appendChild(btnDown);
btnDown.addEventListener ("click", function() {
const scrollingElement = (document.scrollingElement || document.body);
document.documentElement.scrollTop = scrollingElement.scrollHeight;
});
var btnUp = document.createElement("button");
btnUp .innerHTML = "▲";
btnUp .className ="btnUp";
var body = document.getElementsByTagName("body")[0];
body.appendChild(btnUp );
btnUp .addEventListener ("click", function() {
document.documentElement.scrollTop = 0;
});
CSS
.btnDown {
color: red;
font-weight: bold;
position: fixed;
z-index: 999;
top: 10px;
right: 30px;
}
.btnUp {
color: red;
font-weight: bold;
position: fixed;
z-index: 999;
top: 10px;
right: 10px;
}
Как это выглядит:
https://forum.mista.ru/topics/files/2023/09/16/889360/602/1.jpg |