10 Best Back To Top Plugins In jQuery And Pure JavaScript (2021 Update)

by jQueryScript,

A Back To Top button enables the users to smoothly scrolls the page back to the top when they reach the very bottom of the document.

While there are a lot of smooth scroll solutions that allow you to implement a scroll to top functionality on any element, you might also need a scroll to top plugin to make things simple.

This is why I listed here the 10 best and top-downloaded jQuery/JavaScript back to top plugins that make it easy to implement a scroll to top functionality on your long webpage to enhance the user experience. Have fun.

Originally Published May 17 2019, updated Mar 08 2021

Table of contents:

jQuery Back To Top Plugins:

Smooth Page Scroll to Top with jQuery

A smooth page scrolling effect for returning to the top of the page using jQuery that provides visitors with an easy way to quickly scroll to the top of the page.

Smooth Page Scroll to Top with jQuery

[Demo] [Download]


Back To The Top With A Smooth Transition - TopButton

A simple yet fully configurable back to top button plugin for jQuery that enables the user to quickly scroll your long page to the top (or a specific point within the document) with a smooth transition.

Back To The Top With A Smooth Transition - TopButton

[Demo] [Download]


Material Style Auto Show/Hide Scroll To Top Button - Material ScrollTop

Material ScrollTop is a lightweight jQuery plugin to create a Material Design-style auto show/hide button which allows you to scroll the page to the top of body element.

Material Style Auto Show/Hide Scroll To Top Button - Material ScrollTop

[Demo] [Download]


Simple jQuery Plugin For Scroll To Top Button - scrollToTop

Just another jQuery scroll to top plugin that displays a back to top button at the lower right corner of your current page.

Simple jQuery Plugin For Scroll To Top Button - scrollToTop

[Demo] [Download]


jQuery Plugin For Smooth Scroll To Top And Bottom - scrollToTop

scrollToTop is fast jQuery plugin that allows you to scroll to top and bottom of your page with a smooth scrolling effect.

jQuery Plugin For Smooth Scroll To Top And Bottom - scrollToTop

[Demo] [Download]


Vanilla JS Back To Top Libraries:

Tiny Customizable Scroll To Top Button – ue-scroll-js

ue-scroll-js is a tiny JavaScript plugin to display a customizable ‘Scroll To Top’ button at the bottom of the webpage when scrolling down.

Tiny Customizable Scroll To Top Button – ue-scroll-js

[Demo] [Download]


skrollTop.js

A pure JavaScript smooth scroll plugin that smoothly scrolls the page to a specific point within the document. Without any dependencies.

Pure JavaScript Smooth Scroll With Easing Effects – skrollTop.js

[Demo] [Download]


Vanilla JavaScript Back To Top Button Plugin – Vanillatop

The Vanillatop plugin helps you create an auto show/hide back to button on the webpage.

Vanilla JavaScript Back To Top Button Plugin – Vanillatop

[Demo] [Download]


up-button

A minimal yet customizable and smooth scroll to top button component implemented in vanilla JavaScript.

Minimal Back To Top Button In Pure JavaScript – up-button

[Demo] [Download]


vanilla-back-to-top

An animated, highly customizable back to top button for scrolling the page to the top. Written in pure (vanilla) JavaScript.

vanilla-back-to-top

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome Back To Top buttons on the web & mobile? Check out the jQuery Back To Top and JavaScript Back To Top sections.