Elegant Scroll to Top - Back to top JavaScript plugin example – Icon Type: icon2
You can check out the code below to set the parameters.
Icon Type: icon2
Example code
<link rel="stylesheet" href="http://your-domain.com/elegant-scroll-to-top/css/elegant-scroll-to-top.min.css">
<script src="http://your-domain.com/elegant-scroll-to-top/js/elegant-scroll-to-top.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var elegantScrollToTop = new ElegantScrollToTop({
iconType: 'icon2'
});
elegantScrollToTop.init();
});
</script>
Related options
Peoprty | Possible Values | Default Value | Description |
---|---|---|---|
iconType | e.g. 'icon1', 'icon2', 'icon3', 'icon4', 'custom' | 'icon1' | The type of the icon. With setting the 'custom' value, you can add your own element. If your website uses a third-party font-based library, such as Font Awesome, you can also use it. With the other values (e.g. icon1, icon2, etc.), you can choose from predefined icons. |
Scroll down to view the Scroll to Top button
You can see it now