<div class=“”>

<a href="" id="back-to-top">
    &#10148;
</a>

</div>

<script type=“text/javascript”>

document.onscroll = function() {
    if (window.scrollY >= 500) {
        document.getElementById('back-to-top').style.display = 'block';
    } else {
        document.getElementById('back-to-top').style.display = 'none';
    }
}

</script>