Видео-уроки
Статистика
Комментарии

в 07:00 05.09.2018
Как его установить?

в 13:51 01.09.2018
Превью шикарные, но почему шрифт-то не дали?

в 19:10 29.08.2018
Raccoon, где кнопка скачать файл, нету кнопки,гдееееееее
Содержимое сайта
Последние обновленные темы на форуме
Последний: marinasobsob
19
Ответов
Последний: MD
Предложение
Тему создал blacKK, В Разделе: Жизнь нашего сайта
6
Ответов

  • Страница 1 из 1
  • 1
Дизайнерский Форум » Уголок Web Мастера » Скрипты » Разное » Кнопка Наверх для uCoz
Кнопка Наверх для uCoz
Дата: Вторник, 10.01.2017, 03:59 | Сообщение # 1
Raccoon
Проверенные
372Сообщения:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:


Уделять внимание оформлению кнопки особо не будем. Вы можете сделать кнопку в виде направленной наверх стрелки, можете нарисовать ракету и т.д.

Установка
Этот код вставьте в нижнюю часть сайта:


Код
<a class="h-top-link" id="move_up"></a>

<script type="text/javascript">  
$(function () {  
  $(window).scroll(function () {  
  if ($(this).scrollTop() > 300) $('a#move_up').fadeIn(200);  
  else $('a#move_up').fadeOut(400);  
  });  
  $('a#move_up').click(function () {  
  $('body,html').animate({  
  scrollTop: 0  
  }, 800);  
  return false;  
  });  
});  
</script>


В Таблицу стилей (CSS):

Код
.h-top-link, .h-top-link:hover {display:none;cursor:pointer;width:48px;height:48px;text-align:center;background:#1d76d9 url('http://yraaa.ru/_pu/6/36265266.png');color:#fff;position:fixed;right:30px;bottom:30px;}
Дизайнерский Форум » Уголок Web Мастера » Скрипты » Разное » Кнопка Наверх для uCoz
  • Страница 1 из 1
  • 1
Поиск: