ScrollTo Layout

Standard sintax

    <div id="containerScrollTo" data-stHeightToFix="50" data-stMenuHeight="50" data-stSpped="500">
      <div id="containerMenuScrollTo">
        <div id="menuScrollTo">
          <a href="javascript:void(0);" onclick="ScrollTo('mayDivId');">Scroll 1</a>
          <!--
          ...
          -->
        </div>
      </div>
      <div id="mayDivId"></div>
      <!--
      ...
      -->
    </div>
  

L'implementazione del ScrollTo Layout è alquanto semplice. È possibile replicare esattamente l'esempio aggiungento quanti contenitori e voci di menù correllate si vuole, l'unica cosa a cui fare attenzione è l'indicazione della proprietà data-stMenuHeight che deve essere impostata del valore in px che avete dato all'altezza del div contenente il menù nel vostro css per indicar eal sistema che quando si scrolla verso il primo div contenuto lo scroll deve fermarsi a tali px dall'alto.
La proprietà data-stHeightToFix indica a che altezza si vuole che il menù diventi fixed, solitamente sarebbe opportuno impostare un'altezza pari all'altezza del menù stesso.
La proprietà data-stSpeed indica la velocità in millisicendi dello scroll.

    <div id="containerScrollTo" data-stHeightToFix="50" data-stMenuHeight="50" data-stSpped="500">
      <div id="containerMenuScrollTo">
        <div id="menuScrollTo">
          <a href="javascript:void(0);" onclick="ScrollTo('scrollTo-1');">Scroll 1</a>
          <a href="javascript:void(0);" onclick="ScrollTo('scrollTo-2');">Scroll 2</a>
          <a href="javascript:void(0);" onclick="ScrollTo('scrollTo-3');">Scroll 3</a>
          <a href="javascript:void(0);" onclick="ScrollTo('scrollTo-4');">Scroll 4</a>
        </div>
      </div>
      <div id="scrollTo-1"></div>
      <div id="scrollTo-2"></div>
      <div id="scrollTo-3"></div>
      <div id="scrollTo-4"></div>
    </div>