Go to top of page link

April 24, 2019 11:36 am by ATS Staff

<!-- Go to top of page link  -->

<style type="text/css">
  #top-of-page {
    position: fixed; 
    bottom: 20px; 
    right: 20px; 
    font-size: 30px; 
    cursor: pointer; 
    border: 2px solid #ddd; 
    padding: 5px 5px 0px 5px; 
    border-radius: 40px; 
    color: #666; 
    background-color: rgba(255,255,255,.5);    
    z-index: 100000000000;
  }
</style>

<script type="text/javascript">
$(document).ready(function() {
    $('#top-of-page').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
})  
</script>

<div id="top-of-page">^</div>