JSFiddle - React, Tailwind, and code Playground
HTML
<div id='toTop'>To The Top!</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div>
Есть ли готовые плагины на js, jquery прокрутки страницы вверху, когда пользователь начинает прокручивать вниз, то справа или слева появляется ссылка Вверху. Пример как в контакте или на хабре?
<center>
<img src="http://i.imgur.com/tkBXcJ0.gif" />
</center>
</div>
CSS
#toTop {
padding: 5px 3px;
background: #000;
color: #fff;
position: fixed;
bottom: 55px;
right: 5px;
display: none;
cursor:pointer;
}
br{
margin:15px auto;
}
div{
background-color:#E2EDFF;
text-align:justify;
padding: 5px 5px 15px;
}
div>img{
display:block;
}
JavaScript
$(window).scroll(function() {
if ($(this).scrollTop()>200) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut('fast');
}
$('#toTop').click(function(){
$("html, body").animate({ scrollTop: 0 }, 400);
return false;
});
});