Back to top button shown as you scroll down
The required dependencies are:
The files can be downloaded from:
Include the JS and CSS file in your index.html file:
<link rel="stylesheet" href="backtotop.min.css">
<script src="backtotop.min.js"></script>
You must initialize the module by calling the init function of the module:
backToTop.init({
theme: 'classic', // Available themes: 'classic', 'sky', 'slate'
animation: 'fade' // Available animations: 'fade', 'slide'
});
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed laoreet eros. In sollicitudin mauris eget diam dapibus, ac aliquet leo ornare. Curabitur aliquet urna in ligula vulputate aliquam. Nullam congue diam ut leo adipiscing placerat. Donec odio quam, dapibus quis tempus ac, viverra eget massa. Nunc id aliquam augue. Sed a imperdiet felis. Mauris id purus adipiscing, varius enim molestie, suscipit lectus.
Praesent ut leo et massa mattis tristique pellentesque sed diam. Praesent fringilla felis congue massa suscipit, in vestibulum arcu pharetra. Integer dapibus adipiscing felis id semper. Vivamus dictum mauris quis tellus rhoncus bibendum. Aliquam accumsan neque a est scelerisque ultrices. Morbi in nunc sit amet ligula posuere consequat et in nibh. Cras ac sem id lacus tempus fringilla ut eget turpis. Nunc suscipit feugiat interdum. Phasellus hendrerit leo nec libero sagittis ultrices. Duis arcu elit, ultricies non mi interdum, auctor feugiat enim. Integer cursus dignissim felis tempus posuere.
Praesent porttitor volutpat lobortis. Praesent cursus, sapien eget rutrum pellentesque, neque magna vestibulum purus, id auctor ipsum odio sed nisi. Fusce bibendum consectetur consectetur. Etiam vehicula, lectus ornare ultrices rhoncus, orci tellus posuere libero, faucibus sollicitudin ipsum diam a lacus. Aliquam erat volutpat. Suspendisse egestas nisl dignissim pulvinar porta. Ut lacus turpis, venenatis vitae suscipit vitae, hendrerit sed velit.
Sed faucibus purus eu neque pellentesque porttitor. Pellentesque eu diam condimentum, dapibus ante a, blandit velit. Etiam lacinia eu massa vel luctus. Ut ultricies lectus neque. Quisque volutpat, quam eu ultricies malesuada, arcu ligula rhoncus massa, vel egestas nunc massa eu justo. Cras et pulvinar quam. Donec risus massa, congue sit amet quam eu, sodales tempus ligula. Duis luctus porttitor lorem, quis euismod nulla. Mauris consectetur tellus enim, sit amet aliquet eros fringilla in. Vivamus blandit ante id dolor sagittis, quis posuere massa ultricies. Nullam ante mauris, imperdiet ut dolor ultricies, mollis sollicitudin leo. Nullam tincidunt nisl lacinia lorem lobortis consectetur. Duis sodales leo ipsum, sed tempor turpis pretium vulputate. Quisque vitae elementum nisi. Nulla vitae purus purus.
Nam aliquet ante tellus, id consequat augue porta vel. Sed a tellus lacinia, commodo tellus a, cursus arcu. Curabitur non semper quam. Duis ac massa et mauris ultricies placerat vitae nec nulla. Fusce semper malesuada eros, quis vehicula tortor mollis nec. Ut scelerisque porttitor dui, eu facilisis est lobortis non. Praesent ullamcorper nisi ut magna pretium tristique. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam commodo nisi quam, vitae bibendum elit pellentesque ac. Sed at egestas turpis. Quisque fringilla venenatis purus, a eleifend libero malesuada eget. Etiam rutrum magna eu ornare accumsan. Curabitur quis venenatis diam, sit amet tempus lacus. Ut aliquam sem nec sodales porttitor. Vestibulum blandit augue in mollis interdum. Donec vel venenatis odio.