<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>

.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); }

//SCROLL TOP js putt in js file ===================================== $(document).scroll(function() { var y = $(this).scrollTop(); if (y > 800) { $('.scrollup').fadeIn(); } else { $('.scrollup').fadeOut(); } });