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:	January 18, 2024
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();
});

Asif Mughal

I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences.
I truly enjoy what I’m doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.