PageScroller

Bevezető

Egy újabb plugin, melyet az 'egy oldalas' weblapok készítésénél állíthatunk csatarendbe: a plugin-nal animált scroll-ozást rendelhetünk oldalunkhoz, továbbá egy fix pozícionálású (mindig látható) menüt is kapunk mellé. Külön kiemelendő, hogy a menü akkor is érzékeli és mutatja az aktuális pozíciónkat, ha navigációként a menü helyett a hagyományos görgetést választjuk.

Implementálás

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/pagescroller.min.js"></script>
          

Deklaráció

            $(document).ready(function(){
              $('#pelda').pageScroller();
            });
          

Használat

            <div id="pelda">
              <div class="section"> ... </div>
              <div class="section"> ... </div>
              <div class="section"> ... </div>
              ...
            </div>
          

Teljes paraméterlista

• animationSpeed: két tartalmi elem közti (animált) scroll-ozás sebessége/időtartama milliszekundumban (alapértelmezett: 500)
• scrollOffset: egy esetleges menü/fejléc esetén a felső eltolás mértéke képpontban (alapértelmezett: 20)
• sectionClass: a tartalmi elemek CSS osztálya (alapértelmezett: 'section')
• navigationClass: a navigációs menü CSS osztálya (alapértelmezett: 'scrollNav')
• navigation: a navigációs linkek nevei tömb formájában
• animationBefore: függvény meghívása a görgetést megelőzően
• animationComplete: függvény meghívása a görgetés végén
• onChange: függvény meghívása

Metódusok

• next(): görgetés az aktuálisat követő tartalmi elemhez
• prev(): görgetés az aktuálisat megelőző tartalmi elemhez
• goTo(): görgetés meghatározott (sorszámú) tartalmi elemhez

Tippek

• A fejlesztő ígéretei szerint hamarosan elérhetővé válik a plugin 1.0 verziója is!
• A fejlesztő honlapjáról letölthető a PageScroller WordPress alá készült verziója is.