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
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 |
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();
});
Similar Code Snippets:
Image and Text Side By Side HTML CSS- Mask Image and Text Using CSS Clip Path and SVG
- Circle Loader Animation CSS
- JavaScript Timesheet Calculator
- HTML5 Canvas Examples with Source Code
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.