"SCROLL TOP ANIMATE"
Bootstrap 3.0.0 Snippet by sumi9xm

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h3>Hi Gyes put scrollup <mark>div & JS</mark> in your html aney where</h3>
<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><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>
<h3>on clock dive window scroll top </h3>
</div>
<div class="scrollup" href="#"><i class="fa fa-angle-double-up" aria-hidden="true"></i> </div>
</div>
<script>
$('.scrollup').click(function() {
$("html,body").animate({
scrollTop: 0
}, 1000);
return false;
});
</script>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.scrollup {
font-size: 32px;
font-weight: bold;
color: #8956cf;
background-color: #000;
text-align: center;
padding: 5px;
width: 42px;
height: 42px;
position: fixed;
bottom: 5px;
right: 8px;
z-index: 9999;
cursor: pointer;
border-radius: 50%;
display: none;
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .25);
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
//SCROLL TOP js putt in js file =====================================
$(document).scroll(function() {
var y = $(this).scrollTop();
if (y > 800) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: