Jump to content
Sign in to follow this  

"back to top" arrow at bottom

Recommended Posts

Add CSS to stylesheet user.css

    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;

Add js to template_bottom.php

$('body').append('<div id="toTop" class="btn btn-info"><span class="glyphicon glyphicon-chevron-up"></span> Back to Top</div>');
    $(window).scroll(function () {
            if ($(this).scrollTop() != 0) {
            } else {
$("html, body").animate({ scrollTop: 0 }, 600);
return false;


Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this