jQuery Floating Back to Top Button with Smooth Scrolling

Plugin Preview

Share this:

How to start using jQuery?
More jQuery Top, Best and New Plugins
Top 100 jQuery Plugins

Plugin Overview

Plugin:	Floating ToTop Button
Author:	Andreas Kar
Licence:	MIT Licence
Published:	April 4, 2019
Repository:	Fork on GitHub
Dependencies:	jQuery 1.3.1 or Latest version
File Type:	zip archive (HTML, CSS & JavaScript)
Package Size:	31 KB

Demo Download

How to Use Floating Back to Top Button:

1. Load the jQuery and back to top button’s CSS and JavaScript file into HTML document.

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<!-- Back to Top CSS -->
<link href="css/floating-totop-button.min.css" rel="stylesheet">

<!-- Back to Top JS -->
<script src="js/floating-totop-button.min.js"></script>

3. Call the plugin in jQuery document ready / anonymous function to active the “back to top button”.

$(function(){
   $("body").toTopButton();
});