Помощь по скриптам | Не работает кнопка наверх
1114354105
подскажите что делаю не так?
1)
Добавляю перед закрывающим тегом </head>
Потом Перед закрывающим тегом </body>
Далее нарисовал кнопку в фотошопе и иду в css
Ну вот должна отображаться кнопка https://i.imgur.com/uaCYDLc.png
Но вместо нее просто надпись Наверх https://i.imgur.com/gwYG5S0.png
1)
Добавляю перед закрывающим тегом </head>
<script type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 0) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>
$(window).scroll(function () {if ($(this).scrollTop() > 0) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>
Потом Перед закрывающим тегом </body>
<div id="scroller" class="b-top" style="display: none;"><span class="b-top-but">наверх</span></div>
Далее нарисовал кнопку в фотошопе и иду в css
.b-top {
z-index:2600;position:fixed;left:0;
bottom:70px;width:35%;margin-left:50%;
opacity:0.5;filter:alpha(opacity=50);
}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {
z-index:2600;position:absolute; display:block;
left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:white;border-radius:7px;
background: url("/static/img/b-top.png") no-repeat;
}
z-index:2600;position:fixed;left:0;
bottom:70px;width:35%;margin-left:50%;
opacity:0.5;filter:alpha(opacity=50);
}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {
z-index:2600;position:absolute; display:block;
left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:white;border-radius:7px;
background: url("/static/img/b-top.png") no-repeat;
}
Ну вот должна отображаться кнопка https://i.imgur.com/uaCYDLc.png
Но вместо нее просто надпись Наверх https://i.imgur.com/gwYG5S0.png
<script type="text/javascript" src="//web-ptica.ru/VRV-files/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="//web-ptica.ru/VRV-files/knopkavverh/26.js"></script>
просто в хеад тег
<script type="text/javascript" src="//web-ptica.ru/VRV-files/knopkavverh/26.js"></script>
просто в хеад тег
Kinito (06.12.2017 в 16:15)
<script type="text/javascript" src="//web-ptica.ru/VRV-files/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="//web-ptica.ru/VRV-files/knopkavverh/26.js"></script>
просто в хеад тег
<script type="text/javascript" src="//web-ptica.ru/VRV-files/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="//web-ptica.ru/VRV-files/knopkavverh/26.js"></script>
просто в хеад тег
От души, а можно как то изменить саму кнопку?
Kinito (06.12.2017 в 16:20)
247469688 , https://web-ptica.ru/blog/10-scripty/32-skript-knopki-naverk...h-dlya-sajta
247469688 , https://web-ptica.ru/blog/10-scripty/32-skript-knopki-naverk...h-dlya-sajta
Спасибо огромное помог!!!!!!