Скрипт подъем вверх и вниз страницу сайта
 | |
| Уже много таких кодов можно найти в интернете. Я вот бы предпочел такие кнопки, так как они сами по себе простые и видер все как есть. И можно ставить на любой дизайн сайта, даже на темный и они все равно будут смотреться. Так же можно их перекрасить под свой сайт и поменять просто ссылки. Сами они будут отражаться с правой стороны, как стандартные, только вы можете поднимать как в низ так и вверх. Установка: В нижнюю часть сайта устанавливаем код. Код <script type="text/javascript"> jQuery(function(){ $("#Go_Top").hide().removeAttr("href"); if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow") else $("#Go_Top").fadeIn("slow") }); $("#Go_Bottom").hide().removeAttr("href"); if ($(window).scrollTop()<=$(document).height()-"999") $("#Go_Bottom").fadeIn("slow") $(window).scroll(function(){ if ($(window).scrollTop()>=$(document).height()-"999") $("#Go_Bottom").fadeOut("slow") else $("#Go_Bottom").fadeIn("slow") }); $("#Go_Top").click(function(){ $("html, body").animate({scrollTop:0},"slow") }) $("#Go_Bottom").click(function(){ $("html, body").animate({scrollTop:$(document).height()},"slow") }) }); </script> <a style='position: fixed; bottom: 300px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'> <img src="http://zornet.ru/CSS-ZORNET/ZER/icon_up.png" title="Вверх"> </a> <a style='position: fixed; bottom: 250px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'> <img src="http://zornet.ru/CSS-ZORNET/ZER/icon-down.png" title="Вниз"> </a> | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 1 | |
|
| |
