Правила форума Подписки Ленточный
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Ловец снов (ОБТ) (0)
Контракт: Выходец с того ... (0)
Prosectors Project 1.7 (0)
Тайна Кордона (0)
История Джона 2 (ОБТ) (0)
У костра (193)
Анекдоты (145)
Города (94)
Обновления сайта (77)
Свалка (68)
StraNNik (1416)
RamzeS (513)
Каратель (170)
Narkostalker (121)
Кракен (93)
nikbal888 (05.12.2023)
Fugaz56 (09.08.2023)
Пряня (22.06.2023)
yaroslavcohevis80 (16.11.2022)
61373872 (12.08.2022)
  • Страница 1 из 1
  • 1
Форум [HoC] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Красивая фиолетовая кнопка "наверх" (Rip by Бармен)
Красивая фиолетовая кнопка "наверх"
Слышу гимн зашитых ртов
StraNNik
Группа: Администратор
Ранг: Опытный
Сообщений: 1416
Карма: 33
Сообщение # 1
Дата: 07.03.2019 в 10:30


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

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

Код
<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>

Форум [HoC] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Красивая фиолетовая кнопка "наверх" (Rip by Бармен)
  • Страница 1 из 1
  • 1
Поиск:

Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Microsoft Edge
Powered by StraNNik | Хостинг от uCoz | Рекомендуем AdGuard
© 20.11.2013-09.12.2023