Гость
Обновленные темы Популярные темы Активные пользователи
Внутренняя оптимизация сайта на ucoz. 1 02.04.2020 в 20:05 от Terrorist Битая ссылка 14 01.04.2020 в 17:58 от 2024end Создание типовых квестов 3 30.03.2020 в 15:13 от 2024end S.T.A.L.K.E.R. - UE4 0 29.03.2020 в 16:19 от Бармен S.T.A.L.K.E.R - Группа Cтрелка 0 22.03.2020 в 16:41 от Бармен Школы для The Sims 4 0 20.03.2020 в 09:36 от 2024end Хроники Кайдана 0 16.03.2020 в 00:17 от Бармен Игра Душ - Новое Начало 0 15.03.2020 в 13:28 от Бармен «Doomed to Eternal Torment» - Обречённый на вечные муки 1 15.03.2020 в 12:53 от Бармен Иконки групп для synthira 18 14.03.2020 в 23:53 от LENA_D
2024end 3870

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