WebSite x5 professional 10

Buongiorno a tutti,

vorrei inserire una freccia laterale di scroll up, ho visto che l'argomento in oggetto è stato già affrontato e risolto in altri post (https://helpcenter.websitex5.com/post/99699) ecc. con spiegazioni chiare ed utili ma purtroppo non essendo esperto ho ancora difficoltà.

In realtà, nel mio sito, non ancora on line, ho eseguito tutte le procedure e la freccia compare come vorrei ... il problema sta nel fatto che appena aperta la pagina non è nascosta ... bensì rimane sempre visibile. Se vado ad impostare display: none; scompare sempre non dando l'effetto voluto di rimanere nascosta e comparire solo dopo aver iniziato a scrollare.

La soluzione sicuramente è sotto il mio naso e semplicissima ma non la vedo.

Vi elenco di seguito quello che ho fatto:

PASSO 1 - IMPOSTAZIONI GENERALI - Esperto

Prima della chiusura del tag HEAD

<!-- Inizio CSS per elementi esterni al contenuto pagina -->

<style type="text/css">


 #sdFreccia {
  background: url("files/arrows_up_i221i3di.png");
  width: 52px;
  height: 52px;
  position: fixed;
  z-index: 1;
  bottom: 15px;
  right: 13px;
 
  }

</style>


<link rel="stylesheet" media="screen,projection" href="css/ui.totop.css" />

<!-- Fine CSS per elementi esterni al contenuto pagina -->

Prima della chiusura del tag BODY

<!-- inizio codice per elementi esterni al contenuto della pagina                    -->

<a id="sdFreccia" title="Torna ad inizio pagina" href="#"> </a>

    <!-- jquery -->    
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <!-- easing plugin ( optional ) -->
    <script src="js/easing.js" type="text/javascript"></script>
    <!-- UItoTop plugin -->
    <script src="js/jquery.ui.totop.js" type="text/javascript"></script>
    <!-- Starting the plugin -->
    <script type="text/javascript">
         
         $(document).ready(function() {
            /*
            var defaults = {
                containerID: 'toTop', // fading element id
                containerHoverID: 'toTopHover', // fading element hover id
                scrollSpeed: 1200,
                easingType: 'linear'
             };
            */
           
            $().UItoTop({ scrollSpeed: 1200, easingType: 'easeOutQuart' });
                  
    </script>


<!-- fine  codice per elementi esterni al contenuto della pagina                    -->

Ringrazio anticipatamente chiunque mi potrà aiutare.