Правила форума Подписки
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Баннерообмен с SVK Portal (2)
Hibernation Evil - Эпизод... (0)
Народная Солянка 2016 [OG... (0)
У костра (193)
Вступить в группировку (40)
У костра (193)
Анекдоты (145)
Города (94)
Обновление сайта (68)
Создание НПС (63)
StraNNik (1366)
RamzeS (523)
Каратель (178)
Narkostalker (127)
Кракен (93)
serzhkalin (30.11.2020)
cobragign86 (29.11.2020)
karafnurdin (28.11.2020)
Zarig (19.11.2020)
alekseitsarapckin (15.11.2020)
  • Страница 1 из 1
  • 1
Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Кнопка "вверх" и "вниз" с ссылкой (Rip by Бармен)

Кнопка "вверх" и "вниз" с ссылкой
StraNNik
StraNNik
Пропуск №: 1
Регистрация: 20.11.2013
Ранг: Легенда
Сообщений: 1366
Карма: 28 | Хабар: 10
Слышу гимн зашитых ртов
Дата: Воскресенье, 17.03.2019, 09:06/ Сообщение №: 1

[tealtable]Рип by: Бармен[/tealtable]
[kortable]Источник: Synthira.ru[/kortable]
Вставляем в Нижнюю часть сайта в самый низ:
Код
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div id="totopscroller"></div>


CSS:
Код
#totopscroller {
     position: fixed;
     right: 2%;
     bottom: 40px;
     width: 40px;
     float: right;
     z-index: 9999;
     display: inline-block;
}
#totopscroller i {
     cursor: pointer;
     color: #2089c0;
     font-size: 22px;
     width: 25px;
     text-align: center;
     background: transparent;
     z-index: 9999;
     border: 1px solid #dddddd;
}
#totopscroller i:hover {
     cursor: pointer;
     color: #000;
     border: 1px solid #ddd;
}
.fa-border {
     padding: .2em .25em .15em;
     border: solid 0.08em #eeeeee;
     border-radius: .1em;
}
.fa {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
#ipsLayout_footer a {
     opacity: 0.6;
}
#ipsLayout_footer a {
     color: #fff !important;
}
#ipsLayout_footer a {
     font-size: 14px;
     text-decoration: none;
     color: #333333;
}
.totopscroller-lnk i {
     font-weight: bold !important;
}
.fa-chevron-up:before {
     content: "\f077";
}
.fa-chain:before, .fa-link:before {
     content: "\f0c1";
}
.fa-chevron-down:before {
     content: "\f078";
}

JS (в нижнюю часть сайта):
Код
<script type="text/javascript">
$(function() {
        $('#totopscroller').totopscroller({
            link: '#',
            toTopHtml: '<i class="fa fa-border fa-2x fa-chevron-up"></i>',
            toBottomHtml: '<i class="fa fa-border fa-2x fa-chevron-down"></i>',
            toPrevHtml: '<i class="fa fa-border fa-2x fa-chevron-left"></i>',
            linkHtml: '<a><i class="fa fa-border fa-2x fa-link"></i></a>',
        });
    })

    ! function(o) {
        o.fn.totopscroller = function(t) {
            var l = {
                    showToBottom: !0,
                    showToPrev: !0,
                    link: !1,
                    linkTarget: "_self",
                    toTopHtml: '<a href="#"></a>',
                    toBottomHtml: '<a href="#"></a>',
                    toPrevHtml: '<a href="#"></a>',
                    linkHtml: '<a href="#"></a>',
                    toTopClass: "totopscroller-top",
                    toBottomClass: "totopscroller-bottom",
                    toPrevClass: "totopscroller-prev",
                    linkClass: "totopscroller-lnk"
                },
                e = o.extend({}, l, t),
                s = 0,
                n = this,
                i = null,
                a = null,
                r = null,
                d = null,
                c = null,
                p = function() {
                    c = o("<div></div>"), e.showToBottom && (a = o(e.toBottomHtml), a.hide(), a.addClass(e.toBottomClass), a.appendTo(c)), e.showToPrev && (r = o(e.toPrevHtml), r.hide(), r.addClass(e.toPrevClass), r.appendTo(c)), i = o(e.toTopHtml), i.hide(), i.addClass(e.toTopClass), i.appendTo(n), e.link && (d = o(e.linkHtml), d.attr("target", e.linkTarget), d.attr("href", e.link), d.addClass(e.linkClass), d.appendTo(n)), c.appendTo(n), i.click(function(t) {
                        t.preventDefault(), s = o(document).scrollTop(), o("html, body").animate({
                            scrollTop: 0
                        }, {
                            duration: "slow",
                            complete: function() {
                    m()
                            }
                        })
                    }), e.showToBottom && a.click(function(t) {
                        t.preventDefault(), s = 0, o("html, body").animate({
                            scrollTop: o(document).height()
                        }, {
                            duration: "slow",
                            complete: function() {
                    m()
                            }
                        })
                    }), e.showToPrev && r.click(function(t) {
                        t.preventDefault(), o("html, body").animate({
                            scrollTop: s
                        }, {
                            duration: "slow",
                            complete: function() {
                    s = 0, m()
                            }
                        })
                    })
                },
                m = function() {
                    o(document).scrollTop() > 0 ? i.is(":visible") || i.fadeIn("slow") : i.is(":visible") && i.fadeOut("slow"), o(window).scrollTop() + o(window).height() == o(document).height() || s > 0 ? a.is(":visible") && a.fadeOut("slow") : a.is(":visible") || a.fadeIn("slow"), s > 0 ? r.is(":visible") || r.fadeIn("slow") : r.is(":visible") && r.fadeOut("slow")
                };
            return o(window).scroll(function() {
                o("html, body").is(":animated") || m()
            }), p(), m(), this
        }
    }(jQuery);
</script>



Тихо на улице, пусто в квартире..Спасибо реактору №4

Форум[S-R] | Развлекательный форум » Мастерская портала » Скрипты » Разное » Кнопка "вверх" и "вниз" с ссылкой (Rip by Бармен)
  • Страница 1 из 1
  • 1
Поиск:
Авторское право на игру и использованные в ней материалы принадлежат GSC Game World.
Любое использование материалов сайта возможно только с разрешения его администрации!
Для корректного отображения сайта, рекомендуем использовать обновленный Yandex.Browser
Powered by StraNNik | Поддержка сайта Near Bet | Рекомендуем AdGuard
© 20.11.2013-03.12.2020