вопрос
Добрый день! :) Помогите пожалуйста сделать две кнопки "На вверх" по бокам.
Дело в том, что появляется только одна кнопка справа, а
нужно чтоб их было две) Слева и справа.
Вот архив. здесь js скрпипт, сама картинка кнопки, файл main.tpl и сам код кнопки
http://rghost.ru/59270076
Помогите пожалуйста)
Дело в том, что появляется только одна кнопка справа, а
нужно чтоб их было две) Слева и справа.
Вот архив. здесь js скрпипт, сама картинка кнопки, файл main.tpl и сам код кнопки
http://rghost.ru/59270076
Помогите пожалуйста)
Одна пипка слева другая справа
HTML
CSS
JS
ДЕМО http://jsfiddle.net/D0Gmatist/L1ro5xjm/
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/