Прокрутка страницы
Собственно, вариант первый — сделать ссылку на # и не ебать мозги, пускай это будет стрелочка (➤):
<style>
#back2naverh
{
position: fixed;
right: 0px;
bottom: 0px;
z-index: 9999;
font-size: 30px;
transform: rotate (270deg);
}
</style>
<a id= «back2naverh» title= «Наверх» href=»#»>➤</a>Вставим её сразу после тега <head> в основном макете нашего сайта.
Для инженеров Сколково поясняю, что:
position: fixed; — стрелочку зафиксировали в окне браузера,
right: 0px; — убрали в
bottom: 0px; — самый угол,
z-index: 9999; — удебились, что она будет поверх всех остальных элементов,
font-size: 30px; — сделали чуток побольше,
transform: rotate (270deg); — и повернули, чтобы она смотрела всегда на север.
Результат:
Результат на могилке мобилке:
Способ второй — сделать кнопку:
<style>
#back2
{
position: fixed;
right: 20px;
bottom: 20px;
z-index: 9999;
}
</style>
<button id= «back2» onclick= «back2 ()»>Вверх</button>
<script>
function back2 ()
{
window.scrollTo ({
top: 0,
left: 0,
});
};
</script>Да, чуть больше писанины, но на кнопочке есть надпись, так что даже инженеры Роснано поймут для чего она.
Немного пояснений:
<style>
#back2
{
position: fixed;
right: 20px;
bottom: 20px;
z-index: 9999;
}
</style> — оставляем почти всё как есть, только размер не будем увеличивать и поворачивать кнопочку не надо, у нее голова закружится
<button id= «back2» onclick= «back2 ()»>Вверх</button> — кнопко
<script>
function back2 ()
{
window.scrollTo ({
top: 0, — показываем
left: 0, — куда нам нужно
});
};
</script>
Ну и, посмотрим порно результат:
И на телефоне:
Сорямба, не тот телефон:
Конечно, можно было бы попробовать