Гость
Статистика Форума
Последнии темы Популярные темы Лучшии пользователи Новые пользователи
» [20.02.2019] Скроллбар по "экрану" rip Барме... (0)
» [19.02.2019] Информер "Новые Комментарии" ri... (5)
» [19.02.2019] Достижения для вашего сайта! (2)
» [18.02.2019] Флудилка (20)
» [17.02.2019] Нужна помощь с аякс окном (2)
» [16.02.2019] Beautiflly Faction Commander (0)
» [13.02.2019] Lost earth project mod (0)
» [12.02.2019] Красиво анимированные социальные кнопки r... (0)
» [12.02.2019] Шаблон Mow-Portal для uCoz (1)
» [12.02.2019] Ui Icon Equipment (UIE) - Все иконки для ... (23)
» Тайники и подсказки (82)
» FAQ прохождения по локациям DOPPELGANGER 7.63 Ti... (50)
» Русскоязычное руководство по моду Frackin' U... (38)
» Фоны для сталкерского сайта (33)
» [DMX] Народное творчество (24)
» Ui Icon Equipment (UIE) - Все иконки для игры Ст... (23)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» CoC Вылеты и их решение (21)
» Флудилка (20)
» Xemordio (3229)
» Infe[R]nos (35)
» Бармен (15)
» Waldemar (12)
» NL-Vincenz (12)
» StraNNik (11)
» Duzeppa26 (5)
» Ghosteron (5)
» Razilator (1)
» kamelotto (1)
» [20.02.2019] михайлович
» [15.02.2019] aleck1962
» [15.02.2019] maks4678596557
» [14.02.2019] rustam-badrutdinov
» [11.02.2019] ekaterinayuakovec
» [09.02.2019] amora617delpachi
» [09.02.2019] wrafalskiy
» [02.02.2019] Waldemar
» [31.01.2019] BALCETUL
» [31.01.2019] DIZEL37

  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Красивая кнопка вверх (Button up) rip Бармен
Красивая кнопка вверх (Button up) rip Бармен
Бармен Offline Дата: Пятница, 08.02.2019, 16:05 | Сообщение # 1
Модератор
Звание: Новобранец [?]
Сообщений: 15


Рипал: Бармен
Вставляем в Нижнею часть сайта в самый низ:

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

01:13