bootstrap slider back to top

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<link rel="stylesheet" id="font-awesome-css" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" type="text/css" media="screen">

copy anywhere in your page

<div class="scroll-top-wrapper ">

<span class="scroll-top-inner">

<i class="fa fa-2x fa-arrow-circle-up"></i>

</span>

</div>

<style>

.scroll-top-wrapper {

    position: fixed;

opacity: 0;

visibility: hidden;

overflow: hidden;

text-align: center;

z-index: 99999999;

    background-color: #2E9BDC;

color: #eeeeee;

width: 50px;

height: 48px;

line-height: 48px;

right: 30px;

bottom: 30px;

padding-top: 2px;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

border-bottom-right-radius: 10px;

border-bottom-left-radius: 10px;

-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

}

.scroll-top-wrapper:hover {

background-color: #FE824C;

}

.scroll-top-wrapper.show {

    visibility:visible;

    cursor:pointer;

opacity: 1.0;

}

.scroll-top-wrapper i.fa {

line-height: inherit;

}

 

</style>

<script>

 

$(function(){

 

$(document).on( 'scroll', function(){

 

if ($(window).scrollTop() > 100) {

$('.scroll-top-wrapper').addClass('show');

} else {

$('.scroll-top-wrapper').removeClass('show');

}

});

});

</script>

<script>

 

$(function(){

 

$(document).on( 'scroll', function(){

 

if ($(window).scrollTop() > 100) {

$('.scroll-top-wrapper').addClass('show');

} else {

$('.scroll-top-wrapper').removeClass('show');

}

});

 

$('.scroll-top-wrapper').on('click', scrollToTop);

});

 

function scrollToTop() {

verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;

element = $('body');

offset = element.offset();

offsetTop = offset.top;

$('html, body').animate({scrollTop: offsetTop}, 500, 'linear');

}

</script>