
PageScroller
Animált scroll
Verzió: | 1.0 beta |
Kiadás dátuma: | 2012/02/02 |
Fejlesztő: | Dairien Boyd |
Liszensz: | BSD |
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.