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 Overview

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

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();
});

Be the first to comment

Leave a Reply

Your email address will not be published.


*