Scrollback

Scroll

Down

Create a Scroll top

HTML :

<html>
<head>
<meta charset="utf-8" >
// creat a link to jquery library
</head>
<body>
<div id="back-top" ></div>
</body>
</html>

CSS :

#back-top {

position: fixed;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
bottom: 20px;
right: 20px;
z-index: 99;
background-color: #333;
cursor: pointer;
border-radius: 10px;
width: 40px;
height: 40px;

}

JS :

$(document).ready(function() {

(function($b,_o,_d){

$(window).bind('scroll resize load',function(){

$('body').toggleClass('scroll',$(window).scrollTop()>_o);

});
$b.click(function(event) {

event.preventDefault(); $('html,body').animate({scrollTop: 0}, _d);

});

})($('#back-top'),20,600);

});

NoxFly © 2017