Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Как сделать две кнопки на вверх?

Как сделать две кнопки на вверх?


     26.11.2014    Шаблоны (TPL)    1080

вопрос
Добрый день! :) Помогите пожалуйста сделать две кнопки "На вверх" по бокам.

Дело в том, что появляется только одна кнопка справа, а
нужно чтоб их было две) Слева и справа.

Вот архив. здесь js скрпипт, сама картинка кнопки, файл main.tpl и сам код кнопки

http://rghost.ru/59270076

Помогите пожалуйста)

Ответил: D0Gmatist


Одна пипка слева другая справа
HTML
<a href="/" id="toTo_button_r"><img src="/templates/MainSoft/images/up.png" alt="" /></a><a href="/" id="toTo_button_l"><img src="/templates/MainSoft/images/up.png"alt="" /></a>

CSS
 #toTo_button_l, #toTo_button_r {
    width:70px;
    text-align:center;
    padding:5px;
    position:fixed;
    bottom:10px;
    cursor:pointer;
    color:#666;
    text-decoration:none;
}
#toTo_button_l {
    left:12px;
}
#toTo_button_r {
    right:12px;
}

JS
$(function () {
    $.fn.scrollToTop = function () {
        $(this).hide().removeAttr("href");
        if ($(window).scrollTop() >= "100") {
            $(this).fadeIn("slow")
        }
        var scrollDiv = $(this);
        $(window).scroll(function () {
            if ($(window).scrollTop() <= "100") {
                $(scrollDiv).fadeOut("slow")
            } else {
                $(scrollDiv).fadeIn("slow")
            }
        });
        $(this).click(function () {
            $("html, body").animate({
                scrollTop: 0
            }, "slow")
        })
    }
});
$(function () {
    $("#toTo_button_l,#toTo_button_r").scrollToTop();
});

ДЕМО http://jsfiddle.net/D0Gmatist/L1ro5xjm/

Комментарии пользователей (2)

OlegGaiduk
8

OlegGaiduk - 26 ноября 2014 11:44 - Юзер

Сайт softrix.in.ua

OlegGaiduk
8

OlegGaiduk - 26 ноября 2014 12:56 - Юзер

Ааааа отлично!) большое вам спасибо, Добрый Человек! :))) Все работает) лайк вам)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы