Гость
Обновленые темы Популярные темы Активные пользователи Новые пользователи Лента новостей
Area of Decay [10.07.2019]
Xemordio 3583 |  11 |  67
Бармен 43 |  7 |  0
Infe[R]nos 38 |  5 |  1
StraNNik 25 |  1 |  0
NL-Vincenz 12 |  0 |  3
Waldemar 12 |  0 |  2
slesar6razriada [21.07.2019]
senyayermolin [20.07.2019]
anisimov-57 [19.07.2019]
redfog [18.07.2019]
fankuzya [18.07.2019]
greyheaventofall [18.07.2019]

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


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

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

Код
<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
Администратор
Звание: Маршал [?]
Сообщений: 3583
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
Поиск: