Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Web-социальные кнопки с п... (0)
Станция-призрак Янов. Гор... (0)
S.T.A.L.K.E.R.: Я - Призр... (0)
Блудный сын [SoC/ТЧ] (0)
Блок новых фильмов для uC... (0)
У костра (191)
Анекдоты (145)
Города (94)
Обновление сайта (67)
Создание НПС (63)
StraNNik (1311)
RamzeS (523)
Каратель (178)
Narkostalker (127)
Кракен (93)
sksergei2379 (02.05.2019)
olegan1000 (01.05.2019)
andreianfilofev (10.04.2019)
DRO]-[ (09.04.2019)
ilonakisa3 (02.04.2019)
  • Страница 1 из 1
  • 1
Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Кнопка "вверх" с плагином UItoTop jQuery (Rip by Бармен)
Кнопка "вверх" с плагином UItoTop jQuery
StraNNik
StraNNik
Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1311
Карма: 28 | Хабар: 10
Слышу гимн зашитых ртов
Дата: Среда, 27.03.2019, 14:50/ Сообщение №: 1


[tealtable]Рипал: Бармен[/tealtable]

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

Код
<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>



Тихо на улице, пусто в квартире..Спасибо реактору №4

Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Кнопка "вверх" с плагином UItoTop jQuery (Rip by Бармен)
  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Yandex.Browser
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-22.05.2019