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