Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
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)
zvezdanutij (22.05.2019)
sksergei2379 (02.05.2019)
olegan1000 (01.05.2019)
andreianfilofev (10.04.2019)
DRO]-[ (09.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-23.05.2019