@tryvols
Front-End разработчик

Как скриптом перейти в начало страницы?

window.onload = function() {
    var cont = document.body;
    cont.innerHTML = cont.innerHTML + '<div id="button_up"></div>';
    var pic = new Image();
    pic.src = "static.png";
    pic.id = "arrow";
    var button = document.getElementById('button_up');
    button.appendChild(pic);
    button.style.position = 'fixed';
    button.style.bottom = '20px';
    button.style.right = '15px';
    button.style.zIndex = '1000';
    document.getElementById('arrow').onmouseover = function() {
        pic.src = "onMouseOver.png";
    };
    document.getElementById('arrow').onmouseout = function() {
        pic.src = "static.png";
    };
    document.getElementById('arrow').onclick = function() {

Какой здесь поставить ответ на событие клика по стрелке, что бы перейти в начало страницы?

};
  • Вопрос задан
  • 3848 просмотров
Решения вопроса 2
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Муторный способ

if (document.documentElement.scrollTop) {
	document.documentElement.scrollTop = 0;
} else if (document.body.scrollTop) {
	document.body.scrollTop = 0;
}


Простой способ

document.documentElement.scrollIntoView(true);
Ответ написан
Комментировать
@maxyc_webber
Web-программист
Комментировать
Пригласить эксперта
Ответы на вопрос 1
k12th
@k12th
console.log(`You're pulling my leg, right?`);
document.getElementById('arrow').onmouseover = function() {
    pic.src = "onMouseOver.png";
};

Каждый раз, когда вы так делаете, умирает котенок. Положите обе картинки в спрайт и меняйте скриптом background-position, если уж по каким-то причинам не можете использовать CSS. Иначе эта картинка будет подгружаться только после того, как юзер наведет мышь, и пока она не подгрузится, не бует видно кнопки вообще.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы