You no imagine scrolling up all page if you are at the bottom of?
Nothing simpler to solve it!

You can add a specific code which allows your user to go back to the top of your page after one click. 

1. Let's go to your selected landing page and open the "JavaScript Codes" tab. Then add the following script here:

<script>
$(document).ready(function () {

$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('.backtotop').fadeIn();
} else {
$('.backtotop').fadeOut();
}
});

$('.backtotop').click(function () {
$("html, body").animate({
scrollTop: 0
}, 600);
return false;
});

});

</script>

2. Then, open a landing page editor and a"Custom" widget with following content:

<a href="#" id="linkTop" class="backtotop"></a>

3. Next, open "Settings" tab and add a CSS style inside (you can edit it whatever you want):

#linkTop, #linkTop:before {
color: #a8d600;
border-color: #a8d600;
}
.backtotop {
border: 3px solid #a8d600;
}

#linkTop:before {
font-family: FontAwesome;
text-decoration: none;
content: "\f077";
}

.backtotop:before {
content: '\e75f';
font-family: "crum-fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 45px;
font-size: 23px;
line-height:40px;
left: 0;
text-align: center;
font-variant: normal;
text-transform: none;
position: absolute;
}
.backtotop{
position: fixed;
right: 0;
bottom: 20px;
width: 45px;
height: 45px;
display: block;
z-index: 99999999;
border-radius: 100em;
}


4. Once you have done, you can achieve an expected effect and 'back to the top' icon appears :)


Did this answer your question?