| NoQvestions
Offline
| Дата: Воскресенье, 30.12.2012, 19:20 | Сообщение # 1
|
|
Освоившийся
Сообщений: 227
| 
Кнопка "Наверх" как в социальной Вконтакте для сайтов, созданных в системе uCoz.
Как видно на скрине, не надо нажимать именно на "Наверх", достаточно кликнуть в левую часть сайта, т.е как в вконтакте.
Добавлена кнопка "Вниз".
После клика на кнопку "Наверх", вы оказываетесь вверху страницы, затем появляется кнопка "Вниз"))
Установка
Перед ставим данный код:
Код <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>
|
| |
|
|
