Главная » Статьи » Веб дизайнеру » Прочее |
Кнопка "На верх" как ВКонтакте.
Ещё одна кнопка на Ваш сайт, на данный момент похожа на кнопку "На верх" как ВКонтакте. Код кнопки: <a style="display:none;position:fixed;height:100%;width:150px;top:40;" href="javascript://" id="toDown"> <b style="color:#888;padding-left:15px;">Вниз</b> </a> <a style="display:none;position:fixed;height:100%;width:150px;top:40;" href="javascript://" id="toTop"> <b style="color:#888;padding-left:15px;">Наверх</b> </a> <script> $(window).scroll(function(){ if($(window).scrollTop() > "300"){ $('#toTop').fadeIn(); $('#toDown').hide(); }else if($(window).scrollTop() == "0"){ $('#toTop').fadeOut(); $('#toDown').fadeIn(); } }); $('#toTop').click(function(){ $('html, body').animate({scrollTop:0}, 350); $('#toDown').fadeIn(); }); $('#toDown').click(function(){ $('html, body').animate({scrollTop:$('body').height()}, 350); $('#toDown').fadeOut(); }); </script> | |
Просмотров: 645 Комментарии: 1
| Теги: |
Всего комментариев: 1 | |
| |