Гость
Обновленые темы Популярные темы Активные пользователи
uWnd окна в стиле QIP by TRANE73 для uCoz 0 25.01.2020 в 12:38 от Admin Плавно падающий фоновый снег на чистом CSS3 0 25.01.2020 в 12:36 от Admin Анимированная кнопка «Скачать» на CSS3 и SVG 0 25.01.2020 в 12:32 от Admin BB-CODE для Мини-чата! rip Бармен 1 20.01.2020 в 23:57 от Бармен X-Ray Multiplayer Extension 3 19.01.2020 в 12:37 от Бармен Битая ссылка 8 19.01.2020 в 11:03 от Admin «Thorny Way» - Тернистый путь 1 18.01.2020 в 20:13 от Бармен История Кота (Cat Story) 1 18.01.2020 в 20:07 от Бармен The Land of the Emerald Dawn 0 17.01.2020 в 14:54 от Admin Поле со списком 2 16.01.2020 в 22:22 от Admin
Admin 3819

  • Страница 1 из 1
  • 1
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Красивая фиолетовая кнопка "наверх" rip Бармен (Top up button for uCoz)
Красивая фиолетовая кнопка "наверх" rip Бармен
Бармен (Не в сети)
Администраторы
Сообщений: 143
 Автор темы | Среда, 06.03.2019, 21:11 | Сообщение # 1


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

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

Код
<a href="#top" class="back-to-top" style="display: inline;"><span>Back to Top</span></a>

CSS:

Код
a.back-to-top {
     position: fixed;
     bottom: 2em;
     right: 1em;
     text-decoration: none;
     text-indent: -9999px;
     display: none;
     width: 80px;
     z-index: 1000;
}
a.back-to-top span {
     display: block;
     background: url(/scroll/img/rift-sprite2.png) 93.75% 43.5% no-repeat;
     background-size: 300% 350%;
     height: 0;
     max-width: 80px;
     padding-bottom: 100%;
     width: 100%;
}

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

Код
<script type="text/javascript">
var offset = 220;
var duration = 500;
$(window).resize(function() {
    var h = ($('.slide').width()) * .5625;
    $('.slide a').css('height', h);
});
$(window).scroll(function() {
    var h = ($('.slide').width()) * .5625;
    $('.slide a').css('height', h);
    if ($(this).scrollTop() > offset) {
        $('.back-to-top').fadeIn(duration);
    } else {
        $('.back-to-top').fadeOut(duration);
    }
});
$('.back-to-top').click(function(event) {
    event.preventDefault();
    $('html, body').animate({
        scrollTop: 0
    }, duration);
    return false;
})
</script>
StraNNik (Не в сети)
Проверенные
Сообщений: 32
 Среда, 06.03.2019, 23:32 | Сообщение # 2
Бармен, Дань тут по-мимо скроллбара ещё и кнопка наверх или я путаю?
Admin (Не в сети)
Администраторы
Сообщений: 3819
 Четверг, 07.03.2019, 05:51 | Сообщение # 3
StraNNik, поправил немного название темы, там идет просто кнопка наверх 391
StraNNik (Не в сети)
Проверенные
Сообщений: 32
 Четверг, 07.03.2019, 10:29 | Сообщение # 4
Xemordio, я и думаю чёт не так
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Красивая фиолетовая кнопка "наверх" rip Бармен (Top up button for uCoz)
  • Страница 1 из 1
  • 1
Поиск: