Гость
Обновленые темы Популярные темы Активные пользователи
OpenXRay 1 10.11.2019 в 08:25 от Admin Усовершенствование "тем", "ответов"... 0 05.11.2019 в 22:49 от Admin Активность в Ваших темах для uCoz 0 05.11.2019 в 22:44 от Admin Дополнительный смайлы для форума uCoz 0 05.11.2019 в 22:40 от Admin Край изумрудной зари 2 02.11.2019 в 16:09 от Admin Арты: Сталкер, апокалипсис, зона, конец света и прочее 54 29.10.2019 в 18:01 от Admin Плееры фильмов для киносайтов 0 28.10.2019 в 18:13 от Admin Шаблон Games-Survarium для uCoz 0 19.10.2019 в 18:27 от Admin Шаблон GameScope для uCoz 0 19.10.2019 в 18:21 от Admin Шаблон Fight Club для uCoz 0 19.10.2019 в 17:50 от Admin
Admin 3795

  • Страница 1 из 1
  • 1
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Красивая кнопка вверх (Button up) rip Бармен
Красивая кнопка вверх (Button up) rip Бармен
Бармен (Не в сети)
Администраторы
Сообщений: 127
 Автор темы | Пятница, 08.02.2019, 16:05 | Сообщение # 1


Рипал: Бармен
Вставляем в Нижнею часть сайта в самый низ:

Код
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div id="scroller" style="display: block;"> <i class="fa fa-angle-double-up"></i></div>

CSS:

Код
#scroller {
    position: fixed;
    bottom: 50px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    display: none;
    color: #000;
    border-radius: 50%;
    z-index: 99;
    right: 40px;
    font-size: 35px;
    text-align: center;
    line-height: 70px;
    text-shadow: 0 0 0 #fff;
}
#scroller:hover {
    color: #db4437;
    transition: .5s;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-angle-double-up:before {
    content: "\f102";
}

JS (в нижнею часть сайта):

Код
<script type="text/javascript">
$(document).ready(function() {
    $(window).scroll(function() {
        if ($(this).scrollTop() > 0) {
            $('#scroller').fadeIn();
        } else {
            $('#scroller').fadeOut();
        }
    });
    $('#scroller').click(function() {
        $('body,html').animate({
            scrollTop: 0
        }, 400);
        return false;
    });
});
</script>
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Красивая кнопка вверх (Button up) rip Бармен
  • Страница 1 из 1
  • 1
Поиск: