Back-to-top button
06/02/2018
See an example of what it looks like on this website. Start scrolling to make it appear.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(window).scroll(function(){ if($(this).scrollTop() > 100){ $('#scroll').fadeIn(); }else{ $('#scroll').fadeOut(); } }); $('#scroll').click(function(){ $("html, body").animate({ scrollTop: 0 }, 600); return false; }); }); </script>
<style type="text/css"> #scroll { z-index: 999999999; position:fixed; right:10px; bottom:10px; cursor:pointer; display:none; } #scroll:hover { opacity:.5; filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; } </style>
<a href="javascript:void(0);" id="scroll" title="Scroll to Top" style="display: none;"> <img src="https://i.imgur.com/EQWNddl.png"> </a>
Where do I paste the code?
Only on specific pages (or if the user doesn't have Premium Standard or higher)
- PAGES > "The page" > SEO SETTINGS > HTML-CODE IN HEADER
On all pages (if the user has Premium Standard or higher)
- SETTINGS > SETTINGS > HEADER/FOOTER > HTML CODE