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.
About the Code
Scroll to top button in React JS
More info: Link
Dependency: bootstrap.min.css, react.min.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
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
About the Code
Scroll to top button in Vanilla JavaScript
More info: Link
Dependency: bootstrap.min.css
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
About the Code
Back-to-Top Button Vanilla JS
More info: Link
Dependency: JavaScript back to top developed using Vanilla JS
About the Code
React back to top component
More info: Link
Dependency: react.development.js, react-dom.development.js, Tween.min.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
Leave a Reply