Гость
  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » Красивая фиолетовая кнопка "наверх" rip Бармен (Top up button for uCoz)
Красивая фиолетовая кнопка "наверх" rip Бармен
Бармен Offline Дата: Среда, 06.03.2019, 21:11 | Сообщение # 1
Модератор
Звание: Новобранец [?]
Сообщений: 31


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

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

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

Обновленные темы

Мини-чат

Лучшие пользователи

Xemordio REP: 11[3498]
Infe[R]nos REP: 5[38]
Бармен REP: 7[31]
StraNNik REP: 1[25]
Waldemar REP: 0[12]
NL-Vincenz REP: 0[12]
Razilator REP: 14[7]
Ghosteron REP: 3[6]
Duzeppa26 REP: 4[5]
LENA_D REP: 0[5]

Статистика форума

Темы: 2439
Всего постов: 3643
Новый юзер:Rilack
Нас сегодня посетили:
Xemordio, Бармен, awsmtrainer, eda, Rilack