jQuery plugins - PageScroller
máj 21

PageScroller

Animált scroll

Verzió: 1.0 beta
Kiadás dátuma: 2012/02/02
Fejlesztő: Dairien Boyd
Liszensz: BSD
  • 1597
  • 9624
  • 0
  • -

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.