jQuery Floating Back to Top Button with Smooth Scrolling

A lightweight jQuery plugin to create floating back to top button with smooth scrolling effect. The plugin automatically create all assets for to top button after calling it in jQuery document ready function.

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:	June 17, 2023
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();
});