Книга знаний

1С:Предприятие

Кнопки прокрутки на Волшебном форуме

Личные скрипты для окна "Настройки", которые создают кнопки прокрутки "вверх" и "вниз".
<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

Описание | Рубрикатор | Поиск | ТелепатБот | Захваченные статьи | Установки | Форум
© Станислав Митичкин (Волшебник), 2005-2025 | Mista.ru

Яндекс.Метрика