Книга знаний

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

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;

});

.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;

}

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