Search code examples
javascriptcsshtmlscrolltopvolusion

How to add a scroll-to-top floating button in volusion site?

I have a volusion site. I want to add a scroll-to-top floating. I tried lot of js or css code but it doesn't work. Any suggestion? Thank you in advance.

Solution

  • You can try like this.

    <style type="text/css">
.scrollToTop {position:fixed;bottom:100px;right:100px;}
</style>

<a class="scrollToTop" href="javascript:scrollToTop();">Scroll to top</a>

<script type="text/javascript">
function scrollToTop() {
    $(window).scrollTop(0); // If you work with jQuery,
    document.body.scrollTop = 0; // Or not.
}
</script>