Гость
Обновленные темы Популярные темы Активные пользователи
Создание типовых квестов 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 Красивые анимированные кнопки Action rip Бармен 0 11.03.2020 в 02:24 от Бармен Моды от Dumbaby The Sims 4 modder | 18+ mods 32 27.02.2020 в 09:33 от 2024end
2024end 3869

  • Страница 1 из 1
  • 1
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Кнопка "вверх" с плагином UItoTop jQuery rip Бармен
Кнопка "вверх" с плагином UItoTop jQuery rip Бармен
Администраторы
Кол-во постов: 154
Репутация: 759
Регистрация: 28.07.2018
Статус: Не в сети
 Автор темы | Вторник, 26.03.2019, 20:11 | Сообщение # 1


Рипал: Бармен

Ссылка на скачивание!
Вставляем в Нижнюю часть сайта в самый низ:

Код
<script src="/js/jsjquery.ui.totop.js" type="text/javascript"></script>
<script src="/js/easing.js" type="text/javascript"></script>
<link rel="stylesheet" href="//cdn.materialdesignicons.com/3.5.95/css/materialdesignicons.min.css">
<a href="#" id="ui-to-top" class="ui-to-top active"></a>

CSS:

Код
.ui-to-top.active {
     transform: translateY(0);
}
@media (min-width: 480px) .ui-to-top {
     right: 40px;
     bottom: 40px;
}
.ui-to-top, .ui-to-top:active, .ui-to-top:focus {
     color: #fff;
     background-color: #ed1c94;
}
.ui-to-top {
     position: fixed;
     width: 50px;
     height: 50px;
     font-size: 20px;
     border-radius: 9px;
     right: 15px;
     bottom: 15px;
     overflow: hidden;
     text-align: center;
     text-decoration: none;
     z-index: 120;
     transition: .45s all ease-in-out;
     will-change: transform;
     transform: translateY(100px);
}
.ui-to-top:hover {
     color: #fff;
     background-color: #981df0;
     text-decoration: none;
}
.ui-to-top::before {
     content: '\f143';
     font-family: material design icons;
     line-height: 50px;
}

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

Код
<script type="text/javascript">
$(document).ready(function() {

    $().UItoTop({
        easingType: 'easeOutQuart'
    });

});
</script>
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Кнопка "вверх" с плагином UItoTop jQuery rip Бармен
  • Страница 1 из 1
  • 1
Поиск: