Гость
Обновленые темы Популярные темы Активные пользователи Новые пользователи Лента новостей
Area of Decay [10.07.2019]
Xemordio 3583 |  11 |  68
Бармен 43 |  7 |  0
Infe[R]nos 38 |  5 |  1
StraNNik 25 |  1 |  0
Waldemar 12 |  0 |  2
NL-Vincenz 12 |  0 |  3
frombool [22.07.2019]
slesar6razriada [21.07.2019]
senyayermolin [20.07.2019]
anisimov-57 [19.07.2019]
redfog [18.07.2019]

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


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

Код
<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
Поиск: