<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#app-navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<div class="collapse navbar-collapse" id="app-navbar">
<p class="navbar-text">Some navbar links here..</p>
</div>
</div><!-- /container-fluid -->
</nav><!-- /navbar -->
<div class="content-container" id="top">
<p>Lorem ipsum dolor sit amet, altera appetere perpetua ei sit, quis augue ea his. Ludus quando eam et. Mel amet epicuri ancillae ut, dicat ornatus deleniti et sit. Admodum expetenda pertinacia et sea. Sea gubergren disputationi an, sit cu idque ridens pericula, ius dicta ludus ut.</p>
<p>Vix aliquam fabulas mandamus ex. Viris exerci deterruisset id quo. Omittam evertitur sed cu, cu his atqui scripta voluptatum, eos omnis omnesque complectitur an. Ne mel malis recteque salutandi, dico dicta facete vix id. Ius illum quidam te, sonet copiosae mei ne.</p>
<p>Duo id odio wisi, ut tempor deseruisse cum. Inimicus complectitur qui et, eius ponderum in per. No vix doctus detracto, velit vituperata vel ea. Sumo nihil putant an mei, sit civibus appareat deseruisse ea.</p>
<p>In qui probo discere, vis integre voluptaria ad, at velit persius admodum mea. In partem percipitur dissentias vix. Id laudem labore mediocritatem nam, ancillae honestatis eum et. Qui error decore at.</p>
<p>Paulo veniam eligendi eu mel, pri at quando nostrud vituperata. Cu ferri numquam duo, qualisque repudiare ne ius, mel partem vocibus consequat ne. Cu erat reprimique eos, aliquip dolores nam ex, saperet forensibus scribentur et cum. Has saperet corpora ut.</p>
<p>In qui probo discere, vis integre voluptaria ad, at velit persius admodum mea. In partem percipitur dissentias vix. Id laudem labore mediocritatem nam, ancillae honestatis eum et. Qui error decore at.</p>
<p>Paulo veniam eligendi eu mel, pri at quando nostrud vituperata. Cu ferri numquam duo, qualisque repudiare ne ius, mel partem vocibus consequat ne. Cu erat reprimique eos, aliquip dolores nam ex, saperet forensibus scribentur et cum. Has saperet corpora ut.</p><p>Lorem ipsum dolor sit amet, altera appetere perpetua ei sit, quis augue ea his. Ludus quando eam et. Mel amet epicuri ancillae ut, dicat ornatus deleniti et sit. Admodum expetenda pertinacia et sea. Sea gubergren disputationi an, sit cu idque ridens pericula, ius dicta ludus ut.</p>
<p>Vix aliquam fabulas mandamus ex. Viris exerci deterruisset id quo. Omittam evertitur sed cu, cu his atqui scripta voluptatum, eos omnis omnesque complectitur an. Ne mel malis recteque salutandi, dico dicta facete vix id. Ius illum quidam te, sonet copiosae mei ne.</p>
<p>Duo id odio wisi, ut tempor deseruisse cum. Inimicus complectitur qui et, eius ponderum in per. No vix doctus detracto, velit vituperata vel ea. Sumo nihil putant an mei, sit civibus appareat deseruisse ea.</p>
<p>In qui probo discere, vis integre voluptaria ad, at velit persius admodum mea. In partem percipitur dissentias vix. Id laudem labore mediocritatem nam, ancillae honestatis eum et. Qui error decore at.</p>
<p>Paulo veniam eligendi eu mel, pri at quando nostrud vituperata. Cu ferri numquam duo, qualisque repudiare ne ius, mel partem vocibus consequat ne. Cu erat reprimique eos, aliquip dolores nam ex, saperet forensibus scribentur et cum. Has saperet corpora ut.</p>
<p>In qui probo discere, vis integre voluptaria ad, at velit persius admodum mea. In partem percipitur dissentias vix. Id laudem labore mediocritatem nam, ancillae honestatis eum et. Qui error decore at.</p>
<p>Paulo veniam eligendi eu mel, pri at quando nostrud vituperata. Cu ferri numquam duo, qualisque repudiare ne ius, mel partem vocibus consequat ne. Cu erat reprimique eos, aliquip dolores nam ex, saperet forensibus scribentur et cum. Has saperet corpora ut.</p> <p>Lorem ipsum dolor sit amet, altera appetere perpetua ei sit, quis augue ea his. Ludus quando eam et. Mel amet epicuri ancillae ut, dicat ornatus deleniti et sit. Admodum expetenda pertinacia et sea. Sea gubergren disputationi an, sit cu idque ridens pericula, ius dicta ludus ut.</p>
<p>Vix aliquam fabulas mandamus ex. Viris exerci deterruisset id quo. Omittam evertitur sed cu, cu his atqui scripta voluptatum, eos omnis omnesque complectitur an. Ne mel malis recteque salutandi, dico dicta facete vix id. Ius illum quidam te, sonet copiosae mei ne.</p>
<p>Duo id odio wisi, ut tempor deseruisse cum. Inimicus complectitur qui et, eius ponderum in per. No vix doctus detracto, velit vituperata vel ea. Sumo nihil putant an mei, sit civibus appareat deseruisse ea.</p>
<p>In qui probo discere, vis integre voluptaria ad, at velit persius admodum mea. In partem percipitur dissentias vix. Id laudem labore mediocritatem nam, ancillae honestatis eum et. Qui error decore at.</p>
<p>Paulo veniam eligendi eu mel, pri at quando nostrud vituperata. Cu ferri numquam duo, qualisque repudiare ne ius, mel partem vocibus consequat ne. Cu erat reprimique eos, aliquip dolores nam ex, saperet forensibus scribentur et cum. Has saperet corpora ut.</p>
<p>In qui probo discere, vis integre voluptaria ad, at velit persius admodum mea. In partem percipitur dissentias vix. Id laudem labore mediocritatem nam, ancillae honestatis eum et. Qui error decore at.</p>
<p>Paulo veniam eligendi eu mel, pri at quando nostrud vituperata. Cu ferri numquam duo, qualisque repudiare ne ius, mel partem vocibus consequat ne. Cu erat reprimique eos, aliquip dolores nam ex, saperet forensibus scribentur et cum. Has saperet corpora ut.</p>
</div><!-- /content-container -->
<div id="backtotop"><i class="glyphicon glyphicon-chevron-up"></i></div>
#backtotop {
border-radius: 50%;
line-height: 48px;
background-color: #333;
display: block;
position: fixed;
bottom: 50px;
text-align: center;
width: 50px;
right: 30px;
opacity: 0;
transition: all 0.4s ease 0s;
color: #FFF;
font-size: 11px;
height: 50px;
z-index: 99999;
cursor: pointer;
}
#backtotop:hover {
background-color: #d6644a;
transition: .4s;
color: #fff;
}
#backtotop.active {
opacity: 1;
}
$(document).ready(function () {
// Scroll to To
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
$("#backtotop").addClass("active");
} else {
$("#backtotop").removeClass("active");
}
});
$('#backtotop').on("click", function () {
$('body,html').animate({
scrollTop: 0
}, 1000);
return false;
});
});
