28.11.2013 05:40:37 Кнопка наверх без jQuery Сообщение #1
ilyadenisovid
Мастер
Дата регистрации:
28.01.2013 18:32:29
Сообщений: 213
У меня без картинки, сейчас кину.
<div id = "up">
<a href = "#" title = "Наверх">↑ Наверх</a>
</div>
/* CSS */
div#up {
display: none;
z-index: 999;
opacity: 0.7;
position: fixed;
top: 100%;
margin-top: -60px;
left: 90%;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
padding: 3px 10px 8px 10px;
background-color: #000;
font-size: 20px;
text-align: center;
}
div#up a {
color: #fff;
text-decoration: none;
}
div#up a:hover {
color: #fff;
text-decoration: none;
}
/* js */
window.onload = function() {
var scrollUp = document.getElementById('up');
window.onscroll = function () {
if (window.pageYOffset > 0) {
scrollUp.style.display = 'block';
}
else {
scrollUp.style.display = 'none';
}
};
};