<!--Html-->
<!-- scroll top start -->
<div id="scroll-top" title="Scroll To Top">
<i class="fa fa-angle-up"></i>
</div>
<!-- scroll top end -->
*** csss**
/* ==============================================
3|***Scroll to top CSS***
================================================= */
#scroll-top {
position: fixed;
z-index: 99;
color: #fff;
font-size: 20px;
right: 2%;
bottom: 10%;
cursor: pointer;
padding: 5px 14px;
background: #147E90;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
display: none;
border-radius: 4px
}
#scroll-top:hover {
bottom: 11%;
opacity: 1;
}
// js
/*scroll to top js*/
scroll.on('click', function() {
$('html , body').animate({
scrollTop: 0
}, 900);
});
$(window).on('scroll', function() {
if ($(this).scrollTop() > 300) {
scroll.fadeIn();
} else {
scroll.fadeOut();
}
});