Как сделать «плавающую» кнопку «наверх» (CSS, JS)?

Question

[Дмитрий]

Подскажите пожалуйста как добиться такого эффекта, как тут emprana.ru
Снизу слева появляется кнопка "наверх" при прокрутке экрана вниз. Причем главная фишка в том, что кнопка появляется в самом низу экрана, но во время прокрутки при достижении подвала сайта, кнопка фиксируется четко над подвалом.

Answer 1

[aen]

position: fixed у кнопки. Далее при скролле проверяется положение страницы. В момент, когда вы прокрутите страницу до конца, у кнопки меняется стиль и она встает на другое место.

Листинг я выдернул прямо из исходников самого сайта emprana.ru:

$("div.main").append('<i class="sprite_picture go_to_top"><\/i>');
$(window).scroll(function() {
    var t;
    $(this).scrollTop() > 300 ? $(".go_to_top").fadeIn() : $(".go_to_top").fadeOut();
    var i = $(window).height(), r = $(this).scrollTop(), u = $("div.main").height(), n = 0;
    n = i + r;
    t = u - n;
    t < 220 ? $(".go_to_top").addClass("absolute") : $(".go_to_top").removeClass("absolute")
});

Answer 2

[Anton Filippov]

https://www.google.ru/search?q=%D0%BA%D0%BD%D0%BE%...