How to scroll back to top in bootstrap

In this article, we will show you How to scroll back to top in bootstrap. This article will give you simple example of How to scroll back to top in bootstrap. you will learn How to scroll back to top in bootstrap.

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js

<style>
.back_to_top { position: fixed; bottom: 25px; right: 25px; display: none;
}
</style>

<a id="back-to-top" href="#" class="btn btn-light btn-lg back_to_top" role="button"><i class="fas fa-chevron-up"></i></a>
<script>
$(document).ready(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); // scroll body to 0px on click $('#back-to-top').click(function () { $('body,html').animate({ scrollTop: 0 }, 400); return false; });
});
</script>