<!-- Place the button on your page --><buttonid="back2top">BACK2TOP</button>
CSS
button#back2top{
/*Button will appear on bottom-right corner of the page */position: fixed;
right:2%;
bottom:2%;
opacity:0;
visibility: hidden;
/*For better looking button*/font-family: sans-serif;
font-size:14px;
color:#fff;
line-height:1.3;
background-color:#123;
border: none;
outline: none;
cursor: pointer;
padding:10px18px;
margin:0;
}
JavaScript
//Add BACK2TOP.JS or BACK2TOP.MIN.JS file
//<script src="back2top.js"></script>
<script src="back2top.min.js"></script>
<script>
const button = document.querySelector("#back2top");
// Call the BACK2TOP Function
// BACK2TOP(element, offsetToValue)
// offsetValue = When the button will appear on the screen
BACK2TOP(button, 200);
</script>
How To Control Animation
/** BACK2TOP(htmlElement, offsetValue, transition-property, transition-duration, transition-timing-function, transition-delay);* Transition Property will be Visibility, Opacity and Transform* Default value is set for - transition-property = all, transition-duration = 300, transition-timing-function = ease, transition-delay = 0.* You can avoid those above parameters if you want.* Please give a ★ if you find this useful.*/