File: /home/dermova/www/me/wp-content/themes/DERMOVIVA WP THEME AR/-scroller.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="js/jquery-1.11.1.js"></script>
<link rel="stylesheet" type="text/css" href="js/awesome/css/font-awesome.min.css">
</head>
<body>
<style>
#pgscroller {
display:inline-block;
margin:0px auto;
position:fixed;
bottom: 10px;
font-size:22px;
z-index:99999;
left:44%;
background-color:rgba(165,185,11,0.65);
border-radius:100%;
cursor:pointer;
}
#pgscroller:hover {
background-color:rgba(165,185,11,0.95);
}
</style>
<div id="pgscroller">
<span class="fa-stack fa-lg">
<i class="fa fa-circle-thin fa-stack-2x fa-5x" aria-hidden="true"></i>
<i class="fa fa-angle-down fa-stack-1x fa-2x" aria-hidden="true"></i>
</span>
</div>
<script>
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
$("#pgscroller").hide();
} else {
$("#pgscroller").show();
}
});
$('#pgscroller').click(function() {
var vheight = $(window).height();
$('html, body').animate({
scrollTop: (Math.floor($(window).scrollTop() / vheight)+1) * vheight
}, 500);
});
</script>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p id="productfilter"> </p>
</body>
</html>