Кнопки прокрутки на Волшебном форуме 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 |