Гость
Обновленные темы Популярные темы Активные пользователи
Внутренняя оптимизация сайта на ucoz. 1 02.04.2020 в 20:05 от Terrorist Битая ссылка 14 01.04.2020 в 17:58 от 2024end Создание типовых квестов 3 30.03.2020 в 15:13 от 2024end S.T.A.L.K.E.R. - UE4 0 29.03.2020 в 16:19 от Бармен S.T.A.L.K.E.R - Группа Cтрелка 0 22.03.2020 в 16:41 от Бармен Школы для The Sims 4 0 20.03.2020 в 09:36 от 2024end Хроники Кайдана 0 16.03.2020 в 00:17 от Бармен Игра Душ - Новое Начало 0 15.03.2020 в 13:28 от Бармен «Doomed to Eternal Torment» - Обречённый на вечные муки 1 15.03.2020 в 12:53 от Бармен Иконки групп для synthira 18 14.03.2020 в 23:53 от LENA_D
2024end 3870

  • Страница 1 из 1
  • 1
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Красивая фиолетовая кнопка "наверх" rip Бармен (Top up button for uCoz)
Красивая фиолетовая кнопка "наверх" rip Бармен
Администраторы
Кол-во постов: 154
Репутация: 759
Регистрация: 28.07.2018
Статус: Не в сети
 Автор темы | Среда, 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>
Проверенные
Кол-во постов: 32
Репутация: 1
Регистрация: 07.12.2018
Статус: Не в сети
 Среда, 06.03.2019, 23:32 | Сообщение # 2
Бармен, Дань тут по-мимо скроллбара ещё и кнопка наверх или я путаю?
Администраторы
Кол-во постов: 3870
Репутация: 14
Регистрация: 22.07.2017
Статус: Не в сети
 Четверг, 07.03.2019, 05:51 | Сообщение # 3
StraNNik, поправил немного название темы, там идет просто кнопка наверх 391
Проверенные
Кол-во постов: 32
Репутация: 1
Регистрация: 07.12.2018
Статус: Не в сети
 Четверг, 07.03.2019, 10:29 | Сообщение # 4
Xemordio, я и думаю чёт не так
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Красивая фиолетовая кнопка "наверх" rip Бармен (Top up button for uCoz)
  • Страница 1 из 1
  • 1
Поиск: