Оригинальная кнопка вверх и вниз сайта
Скриншот материала «Оригинальная кнопка вверх и вниз сайта»
Описание: Очень удобная и оригинальная кнопка вверх и вниз сайта. Которая при нажатие подымает страницу и опускает. По цветовой гамме выполнена просто удобно. Что можно применить на на темном дизайн сайте так и на светлом. Поднимает очень плавно а не рывком что даже смотреть приятно.
Установка: В нижнюю часть сайта вставляем:
Код
<script>
var go_down = jQuery('body');
jQuery(function() {
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop() >= "250") $("#Go_Top").fadeIn("slow")
var scrollDiv = $("#Go_Top");
$(window).scroll(function() {
if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
else $(scrollDiv).fadeIn("slow")
});
$("#Go_Bottom").hide().removeAttr("href");
if ($(window).scrollTop() <= go_down.height()-"999") $("#Go_Bottom").fadeIn("slow")
var scrollDiv_2 = $("#Go_Bottom");
$(window).scroll(function() {
if ($(window).scrollTop() >= go_down.height()-"999") $(scrollDiv_2).fadeOut("slow")
else $(scrollDiv_2).fadeIn("slow")
});
$("#Go_Top").click(function() {
$("html, body").animate({scrollTop: 0}, "slow")
})
$("#Go_Bottom").click(function() {
$("html, body").animate({scrollTop: go_down.height()}, "slow")
})
});
</script>
