Дата и время публикации : 19 Июля 16 в 17:23 | Раздел : Кнопки для uCoz
| Параметр | Значение |
|---|---|
| Дата публик. | 19 Июля 16, Вторник, 17:23 |
| Размер файла | 1.9 Kb |
| Адапт. дизайн | |
| Обновления | Не производились |
| Просмотрен | 696 |
| Загружен | 3 |
Уделять внимание оформлению кнопки особо не будем. Вы можете сделать кнопку в виде направленной наверх стрелки, можете нарисовать ракету и т.д. Как реализовать суму функцию?
Можно, конечно, сделать якорь к верхней части, но это будет не очень хорошо. Во-первых, якорь штампует страницы, и когда пользователь в браузере нажимает кнопку для возврата, он попадает на эту же страницу. Чтобы сделать кнопку Наверх для uCoz, нам не нужны дополнительные плагины, здесь достаточно использовать маленький код на jQuery.
Скрипт обеспечивает плавный скроллинг к началу страницы. Можно сделать так, чтобы переход к началу длился пару секунд, а можно, чтобы он был мгновенным, но анимация все-таки просматривалась. Лучше установить сто миллисекунд.
1) Этот код вставьте в нижнюю часть сайта:
<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>
2) В Таблицу стилей (CSS):
Для того чтобы оставить комментарий вам не обходимо войти в свой аккаунт или зарегистрироваться.
Вход РегистрацияНаверняка всем пользователям хостинга uCoz надоела стандартная страница технических работ, но теперь в наше время, красивая страница технических ра...
