Гость
Обновленые темы Популярные темы Активные пользователи
uWnd окна в стиле QIP by TRANE73 для uCoz 0 25.01.2020 в 12:38 от Admin Плавно падающий фоновый снег на чистом CSS3 0 25.01.2020 в 12:36 от Admin Анимированная кнопка «Скачать» на CSS3 и SVG 0 25.01.2020 в 12:32 от Admin BB-CODE для Мини-чата! rip Бармен 1 20.01.2020 в 23:57 от Бармен X-Ray Multiplayer Extension 3 19.01.2020 в 12:37 от Бармен Битая ссылка 8 19.01.2020 в 11:03 от Admin «Thorny Way» - Тернистый путь 1 18.01.2020 в 20:13 от Бармен История Кота (Cat Story) 1 18.01.2020 в 20:07 от Бармен The Land of the Emerald Dawn 0 17.01.2020 в 14:54 от Admin Поле со списком 2 16.01.2020 в 22:22 от Admin
Admin 3819

  • Страница 1 из 1
  • 1
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Красивая кнопка вверх (Button up) rip Бармен
Красивая кнопка вверх (Button up) rip Бармен
Бармен (В сети)
Администраторы
Сообщений: 143
 Автор темы | Пятница, 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
Поиск: