w3tweaks
  • Effects
    • Scroll Effects
    • Text Effects
    • Shadow
  • Essentials
    • Arrows
    • Buttons
    • Background Patterns
    • Border Examples
    • Cards
    • Color Palettes
    • Dividers
    • Link styles
    • Loaders
    • Modal Windows
    • Notifications
    • Progress bar
    • Quote styles
    • Spinner
    • Tooltips
  • Media
    • Calendars
    • Carousels
    • Clocks
    • Gallery
    • Music Players
    • Sliders
    • Slideshows
    • Tables
    • Thumbnails
  • Navigation
  • Inputs
    • Range Sliders
    • Checkboxes
    • Toggle Switches
  • Scripts
    • Angularjs
    • Backbone.js
    • bootstrap
    • jQuery
    • ReactJs
    • JavaScript
    • Syntax Highlighters
    • tryit editor
    • PHP
  • API’s
    • Facebook
    • Google
    • Indeed
    • Twitter
    • YouTube
w3tweaks
  • Effects
    • Scroll Effects
    • Text Effects
    • Shadow
  • Essentials
    • Arrows
    • Buttons
    • Background Patterns
    • Border Examples
    • Cards
    • Color Palettes
    • Dividers
    • Link styles
    • Loaders
    • Modal Windows
    • Notifications
    • Progress bar
    • Quote styles
    • Spinner
    • Tooltips
  • Media
    • Calendars
    • Carousels
    • Clocks
    • Gallery
    • Music Players
    • Sliders
    • Slideshows
    • Tables
    • Thumbnails
  • Navigation
  • Inputs
    • Range Sliders
    • Checkboxes
    • Toggle Switches
  • Scripts
    • Angularjs
    • Backbone.js
    • bootstrap
    • jQuery
    • ReactJs
    • JavaScript
    • Syntax Highlighters
    • tryit editor
    • PHP
  • API’s
    • Facebook
    • Google
    • Indeed
    • Twitter
    • YouTube
w3tweaks
Home Navigation
JavaScript Back to Top

11 JavaScript Back to Top

W3TWEAKS by W3TWEAKS
October 10, 2021
in Navigation
0

You might also like

CSS Back-to-Top Buttons

9 CSS Back-to-Top Buttons

October 11, 2021
0
CSS Back to top

7 CSS Back to top

September 30, 2021
0

This demo collection is a collection of javascript back to top demos and examples which aim to show how JavaScript can be used to add back button functionality for web pages. It includes demos for showing, animating, and hiding the back to top button. The demos are done with JavaScript, HTML, and CSS only.

Author

  • Qbrid
  • November 1, 2016

Link

Live Demo

Made with

  • HTML / SCSS / JS

About the Code

Scroll to top button in React JS

More info: Link

Dependency: bootstrap.min.css, react.min.js


Author

  • Ethiel ADIASSA
  • April 11, 2017

Link

Live Demo

Made with

  • HTML / SCSS / JS

About the Code

Back to top component with Vuejs

A back to top reusable component with Vuejs

More info: Link

Dependency: bootstrap.min.css, font-awesome.min.css, vue.min.js, jquery.min.js, bootstrap.min.js


Author

  • Carlos Henrique Reis
  • August 28, 2018

Link

Live Demo

Made with

  • HTML / CSS / JS

About the Code

Scroll Back To Top Button with vuetify

More info: Link

Dependency: fonts, vuetify.min.css, polyfill.min.js, vue.js, vuetify.min.js


Author

  • Qbrid
  • October 22, 2016

Link

Live Demo

Made with

  • HTML / Sass / JS

About the Code

Scroll to top button in Vanilla JavaScript

More info: Link

Dependency: bootstrap.min.css


Author

  • Josh Masen
  • May 31, 2019

Link

Live Demo

Made with

  • HTML / SCSS / JS

About the Code

ES6 Scroll-to-top button

More info: Link

Dependency: –


Author

  • Maria Z
  • November 30, 2016

Link

Live Demo

Made with

  • HTML / CSS / JS

About the Code

Angular Material Back to Top Button

More info: Link

Dependency: angular-material.css, docs.css, angular.js, angular-animate.min.js, angular-route.min.js, angular-aria.min.js, angular-messages.min.js, svg-assets-cache.js, angular-material.js, ui-bootstrap-tpls.min.js


Author

  • Alexandr Kazakov
  • March 28, 2017

Link

Live Demo

Made with

  • HTML / SCSS / JS

About the Code

Back-to-Top Button Vanilla JS

More info: Link

Dependency: JavaScript back to top developed using Vanilla JS


Author

  • Adam Morsi
  • July 2, 2019

Link

Live Demo

Made with

  • HTML / SCSS / JS

About the Code

React back to top component

More info: Link

Dependency: react.development.js, react-dom.development.js, Tween.min.js


Author

  • EJ
  • December 23, 2019

Link

Live Demo

Made with

  • HTML / SCSS / JS

About the Code

auto hiding back to top button on scroll up – vanilla JS

More info: Link

Dependency: –


Author

  • Eric Porter
  • May 27, 2017

Link

Live Demo

Made with

  • HTML / SCSS / JS

About the Code

Back To Top buttons – FontAwesome icons

More info: Link

Dependency: font-awesome.min.css, jquery.min.js, jquery-ui.min.js


Author

  • Keenan Staffieri
  • March 29, 2015

Link

Live Demo

Made with

  • HTML / SCSS / JS

About the Code

Click JavaScript Back to Top Autoscrolling

More info: Link

Dependency: JavaScript back to top


Tags: back to topJavascript
Previous Post

7 CSS Back to top

Next Post

9 CSS Back-to-Top Buttons

W3TWEAKS

W3TWEAKS

Since I've had a strong background in front-end development, I took the initiative to start my own website (w3tweaks.com) to share my knowledge with the world.

Related Stories

CSS Back-to-Top Buttons

9 CSS Back-to-Top Buttons

by W3TWEAKS
October 11, 2021
0
0

In this article, we're going to take a look at several CSS back-to-top buttons with examples. If you're looking for...

CSS Back to top

7 CSS Back to top

by W3TWEAKS
September 30, 2021
0
0

Collection of CSS Back to top demos and with code snippet. The "Back to Top" feature is a common feature...

jQuery Back to top

30 jQuery Back to top

by W3TWEAKS
October 11, 2021
0
0

This article contains collections of jQuery back to top demos. This collection will be updated with new back to top...

jQuery Toggle Menu

20 Cool jQuery Toggle Menu

by W3TWEAKS
January 17, 2021
0
0

Hand-picked free jQuery Toggle Menus. All the collections are included with demo and source code. Updated on Jan 17 2020....

Next Post
CSS Back-to-Top Buttons

9 CSS Back-to-Top Buttons

Discussion about this post

We bring you the best frontend collections that will fix perfect for news, magazine, personal blog, etc. Check our landing page for details.

  • Effects
    • Scroll Effects
    • Text Effects
    • Shadow
  • Essentials
    • Arrows
    • Buttons
    • Background Patterns
    • Border Examples
    • Cards
    • Color Palettes
    • Dividers
    • Link styles
    • Loaders
    • Modal Windows
    • Notifications
    • Progress bar
    • Quote styles
    • Spinner
    • Tooltips
  • Media
    • Calendars
    • Carousels
    • Clocks
    • Gallery
    • Music Players
    • Sliders
    • Slideshows
    • Tables
    • Thumbnails
  • Navigation
  • Inputs
    • Range Sliders
    • Checkboxes
    • Toggle Switches
  • Scripts
    • Angularjs
    • Backbone.js
    • bootstrap
    • jQuery
    • ReactJs
    • JavaScript
    • Syntax Highlighters
    • tryit editor
    • PHP
  • API’s
    • Facebook
    • Google
    • Indeed
    • Twitter
    • YouTube