Гость
Обновленые темы Популярные темы Активные пользователи
OpenXRay 1 10.11.2019 в 08:25 от Admin Усовершенствование "тем", "ответов"... 0 05.11.2019 в 22:49 от Admin Активность в Ваших темах для uCoz 0 05.11.2019 в 22:44 от Admin Дополнительный смайлы для форума uCoz 0 05.11.2019 в 22:40 от Admin Край изумрудной зари 2 02.11.2019 в 16:09 от Admin Арты: Сталкер, апокалипсис, зона, конец света и прочее 54 29.10.2019 в 18:01 от Admin Плееры фильмов для киносайтов 0 28.10.2019 в 18:13 от Admin Шаблон Games-Survarium для uCoz 0 19.10.2019 в 18:27 от Admin Шаблон GameScope для uCoz 0 19.10.2019 в 18:21 от Admin Шаблон Fight Club для uCoz 0 19.10.2019 в 17:50 от Admin
Admin 3795

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