``` - `resetSliders`: (por defecto `false`). [Extensión de fullpage.js](https://alvarotrigo.com/fullPage/extensions/). Determina cuando reiniciar el carrusel de diapositivas de la sección al salir de ella, de modo que muestre la primera diapositiva cuando se vuelva a dicha sección. - `fadingEffect`: (por defecto `false`). [Extensión de fullpage.js](https://alvarotrigo.com/fullPage/extensions/). Determina cuando usar el efecto de desvanecimiento (fading) en lugar del efecto de desplazamiento habitual de fullPage.js. Los posibles valores son `true`, `false` `sections`, `slides`. Puede por lo tanto, aplicarse únicamente vertical u horizontalmente o ambos al tiempo. - `animateAnchor`: (por defecto `true`) Determina si al cargar la página usando un enlace de anclaje (#) ésta se desplazará a la sección de destino o si por el contrario cargará la página directamente en dicha sección. - `recordHistory`: (por defecto `true`) Determina si el estado de la página se guardará en la historia del navegador. Cuando se define la opción a `true` cada sección/diapositiva de la página actuará como una nueva página y el botón de "página anterior" o "página siguiente" del navegador desplazará las secciones/diapositivas de la página hasta alcanzar el estado de la página anterior o siguiente respectivamente. Cuando se define la opción a `false`, la URL seguirá cambiando con los enlaces de anclaje correspondientes pero no tendrán ningún efecto en la historia del navegador. Esta opción está automáticamente definida como `false` cuando se usa la opción `autoScrolling:false`. - `menu`: (por defecto `false`) Se puede usar un selector para especificar el menú de la página al que las secciones hacen referencia. De este modo, el desplazamiento vertical entre las secciones activará el elemento correspondiente del menú usando la clase `active`. Esta opción no generará ningún menú, sino que simplemente añade la clase `active` al elemento del menú con el enlace de anclaje correspondiente a la sección. Para relacionar los elementos del menú con las secciones se requiere del uso del atributo `data-menuanchor` que tendrá que tener el mismo valor que el enlace de anclaje que la sección a la que haga referencia. Por ejemplo: ```html

``` ```javascript new fullpage('#fullpage', { anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'], menu: '#myMenu' }); ``` **Nota:** el menú tiene que estar situado fuera del contenedor de fullpage para evitar problemas cuando se use `css3:true`. De lo contrario, el menú será automáticamente movido fuera de la estructura de fullPage.js y añadido en el `body`. - `navigation`: (por defecto `false`) Si se define a `true`, se mostrará una navegación lateral de círculos haciendo referencia a las secciones de la página. - `navigationPosition`: (por defecto `none`) Puede ser definido a `left` o `right` y determina la posición que tomará la navegación (si es que se usa). - `navigationTooltips`: (por defecto `[]`) Determina el texto para usar en cada círculo de la navegación. Por ejemplo: `navigationTooltips: ['firstSlide', 'secondSlide']`. También puedes definir dichos textos usando el atributo `data-tooltip` en cada sección si así lo prefieres. - `showActiveTooltip`: (por defecto `false`) Determina si mostrar siempre visible el texto para el círculo de la navegación que se encuentre activo en ese momento. - `slidesNavigation`: (por defecto `false`) Si se define a `true` mostrará la navegación para las diapositivas horizontales de la página. - `slidesNavPosition`: (por defecto `bottom`) Determina la posición que tomará la navegación para las diapositivas horizontales de la página. Admite los valores `top` y `bottom`. Tal vez quieras modificar la distancia inferior o superior usando estilos CSS así como el color de los mismos. - `scrollOverflow`: (por defecto `false`) Determina si crear o no una barra de desplazamiento para las secciones/diapositivas donde el contenido de las mismas sea mayor que la altura de la ventana del navegador. Cuando se define a `true`, el contenido de la sección/diapositiva será envuelto por fullPage.js en un elemento contenedor. En estos casos, considera usar delegación o usar los eventos Javascript en el callback `afterRender`. Cuando se usa `true` esta opción requiere del uso de la librería externa [`scrolloverflow.min.js`](https://github.com/alvarotrigo/fullPage.js/blob/master/vendors/scrolloverflow.min.js) y ésta debe de ser añadida antes que fullPage.js, pero después de jQuery (en caso de usarlo). Por ejemplo: ```html ``` Para evitar que fullPage.js cree la barra de desplazamiento en ciertas secciones o diapositivas, haz uso de la clase `fp-noscroll`. Por ejemplo: `

` Puedes evitar que `scrolloverflow` se aplique en modo responsive si usas la clase `fp-auto-height-responsive` en la sección. [Más información](https://github.com/alvarotrigo/fullPage.js#responsive-auto-height-sections). - `scrollOverflowReset`: (por defecto `false`) [Extensión de fullpage.js](http://alvarotrigo.com/fullPage/extensions/). Cuando se define a `true` fullPage.js moverá el contenido de la seccion o diapositiva hacia arriba cuando se abandone la seccion o diapositiva hacia otra sección vertical. De este modo, cuando se llega a una sección que usa barra de desplazamiento, se mostrará siempre el principio de su contenido. - `scrollOverflowOptions`: cuando se usa la opción de `scrollOverflow:true` fullPage.js hará uso de una versión modificada de la [librería iScroll.js](https://github.com/cubiq/iscroll/). Puedes personalizar el comportamiento de dicho componente aportando a fullPage.js las opciones de iScroll que deseas usar haciendo uso de esta opción. Mira [la documentacion de iScroll](http://iscrolljs.com/) para más información. - `sectionSelector`: (por defecto `.section`) Determina el selector Javascript que fullPage.js usará para determinar lo que es una sección. Puede que necesites cambiarlo para evitar problemas con otras librerías que usen el mismo selector que usa fullPage.js por defecto. - `slideSelector`: (por defecto `.slide`) Determina el selector de Javascript que fullPage.js usará para determinar lo que es una diapositiva. Puede que necesites cambiarlo para evitar problemas con otras librerías que usen el mismo selector que usa fulPage.js por defecto. - `responsiveWidth`: (por defecto `0`) Usará el desplazamiento por defecto de cualquier otra página cuando la ventana tenga un valor de `anchor` menor que el definido en esta opción. La clase `fp-resposive` será añadida al elemento `body` de página en caso de que quieras usar dicho selector en tu hoja de estilos CSS para determinar cuando fullpage.js ha entrado en modo responsive. Por ejemplo, si se define como `900`, cuando la ventana del navegador sea menor que 900 píxeles el desplazamiento de fullpage.js actuará como en una página normal. - `responsiveHeight`: (por defecto `0`) Usará el desplazamiento por defecto de cualquier otra página cuando la ventana tenga un valor de altura menor que el definido en esta opción. La clase `fp-resposive` será añadida al elemento `body` de página en caso de que quieras usar dicho selector en tu hoja de estilos CSS para determinar cuando fullpage.js ha entrado en modo responsive. Por ejemplo, si se define como `900`, cuando la ventana del navegador sea menor que 900 píxeles, el desplazamiento de fullpage.js actuará como en una página normal. - `responsiveSlides`: (por defecto `false`) [Extensión de fullpage.js](https://alvarotrigo.com/fullPage/extensions/). Cuando se define a `true` las diapositivas horizontales se convertirán en secciones verticales cuando el modo responsive se active (haciendo uso de las opciones `responsiveWith` o `responsiveHeight` detalladas arriba). - `parallax`: (por defecto `false`) [Extensión de fullpage.js](https://alvarotrigo.com/fullPage/extensions/). Determina si usar fondos de sección y diapositiva con efecto parallax o no. [Lee más acerca de la opción parallax aquí](https://github.com/alvarotrigo/fullPage.js/blob/master/lang/spanish/parallax-extension.md). - `parallaxOptions`: (por defecto: `{ type: 'reveal', percentage: 62, property: 'translate'}`). Permite configurar los parámetros para el efecto de parallax cuando se usa la opción `parallax:true`. [Lee más acerca de la opción parallax aquí](https://github.com/alvarotrigo/fullPage.js/blob/master/lang/spanish/parallax-extension.md). - `lazyLoading`: (por defecto `true`) La carga pasiva está activa por defecto, lo que significa que cargará pasivamente cualquier elemento multimedia que contenga el atributo `data-src` como se detalla en la [carga pasiva de elementos multimedia](https://github.com/alvarotrigo/fullPage.js/blob/master/README_SPANISH.md#carga-pasiva-de-elementos-multimedia). Si quieres usar otra librería de carga pasiva puedes deshabilitar esta funcionalidad usando `false`. ## Métodos Puedes verlos en acción [aquí](https://alvarotrigo.com/fullPage/examples/methods.html) ### moveSectionUp() [Demostración](https://codepen.io/alvarotrigo/pen/GJXNMN) Desplaza la página hacia arriba una sección: ```javascript fullpage_api.moveSectionUp(); ``` --- ### moveSectionDown() [Demostración](https://codepen.io/alvarotrigo/pen/jPvVZx) Desplaza la página hacia abajo una sección: ```javascript fullpage_api.moveSectionDown(); ``` --- ### moveTo(section, slide) [Demostración](https://codepen.io/alvarotrigo/pen/doqOmY) Desplaza la página hacia la sección o diapositiva que se le indique. La primera diapositiva en una sección, que es la visible por defecto, tendrá índice 0. ```javascript /* Desplazando la página a la sección con el enlace de anclaje `firstSlide` y a la diapositiva número 2*/ fullpage_api.moveTo('firstSlide', 2); ``` ```javascript //Desplazándo a la tercera sección de la página fullpage_api.moveTo(3, 0); //Que sería lo mismo que hacer esto fullpage_api.moveTo(3); ``` --- ### silentMoveTo(section, slide) [Demostración](https://codepen.io/alvarotrigo/pen/doqOeY) Exactamente lo mismo que [`moveTo`](https://github.com/alvarotrigo/fullPage.js/blob/master/README_SPANISH.md#movetosection-slide) pero en este caso el desplazamiento se hará sin animación. Un salto directo al destino sin transición. ```javascript /* Desplzando la página a la sección con el link the anclaje `firstSlide` y a la diapositiva numero 2*/ fullpage_api.silentMoveTo('firstSlide', 2); ``` --- ### moveSlideRight() [Demostración](http://codepen.io/alvarotrigo/pen/Wvgoyz) Desplaza el carrusel de diapostivas de la sección actual hacia la siguiente diapositiva. ```javascript fullpage_api.moveSlideRight(); ``` --- ### moveSlideLeft() [Demostración](http://codepen.io/alvarotrigo/pen/gpdLjW) Desplaza el carrusel de diapositivas de la sección actual hacia la diapositiva anterior. ```javascript fullpage_api.moveSlideLeft(); ``` --- ### setAutoScrolling(boolean) [Demostración](https://codepen.io/alvarotrigo/pen/rVZWrR) Permite definir la configuración de la opción `autoScrolling` después de la inicialización. Determina si usar desplazamiento "automático" o "a saltos" o usar el desplazamiento tradicional de cualquier página. ```javascript fullpage_api.setAutoScrolling(false); ``` --- ### setFitToSection(boolean) [Demostración](https://codepen.io/alvarotrigo/pen/GJXNYm) Determina el valor para la opción `fitToSection` definiendo si ajustar la sección más cercana a la pantalla o no. ```javascript fullpage_api.setFitToSection(false); ``` --- ### fitToSection() [Demostración](https://codepen.io/alvarotrigo/pen/JWWagj) Desplaza la página hacia la sección activa más cercana encajándola en la pantalla. ```javascript fullpage_api.fitToSection(); ``` --- ### setLockAnchors(boolean) [Demostración](https://codepen.io/alvarotrigo/pen/yNxVRQ) Define el valor para la opción `lockAnchors` determinando si los enlaces de anclaje tendrán algún efecto en la URL o no. ```javascript fullpage_api.setLockAnchors(false); ``` --- ### setAllowScrolling(boolean, [directions]) [Demostración](http://codepen.io/alvarotrigo/pen/EjeNdq) Añade o elimina la posibilidad de desplazarse a través de las secciones o diapositivas usando la ruleta del ratón, el trackpad del portátil o con los dedos en dispositivos táctiles. Ten en cuenta que ésto no deshabilitará el desplazamiento usando el teclado. Para ello necesitarás hacer uso de `setKeyboardScrolling`. - `directions`: (parámetro opcional) Los posibles valores son `all`, `up`, `down`, `left`, `right` o una combinación de lo mismos usando comas, por ejemplo: `down, right`. Determina la dirección para la que el desplazamiento estará habilitado o deshabilitado. ```javascript //desabilitando cualquier tipo de desplazamiento fullpage_api.setAllowScrolling(false); //desabilitando desplazamiento hacia abajo fullpage_api.setAllowScrolling(false, 'down'); //desabilitando desplazamiento hacia abajo y hacia la derecha fullpage_api.setAllowScrolling(false, 'down, right'); ``` --- ### setKeyboardScrolling(boolean, [directions]) [Demostración](https://codepen.io/alvarotrigo/pen/GJXNwm) Añade o elimina la posibilidad de desplazarse a través de las secciones usando las teclas del teclado (activo por defecto). - `directions`: (parámetro opcional) Los posibles valores son `all`, `up`, `down`, `left`, `right` o una combinación de los mismos usando comas, por ejemplo: `down, right`. Determina la dirección para la que el desplazamiento estará habilitado o deshabilitado. ```javascript //deshabilitando todo tipo de desplazamiento con el teclado fullpage_api.setKeyboardScrolling(false); //deshabilitando el desplazamiento hacia abajo con el teclado fullpage_api.setKeyboardScrolling(false, 'down'); //deshabilitando el desplazamiento hacia abajo y hacia la derecha con el teclado fullpage_api.setKeyboardScrolling(false, 'down, right'); ``` --- ### setRecordHistory(boolean) [Demostración](https://codepen.io/alvarotrigo/pen/rVZWQb) Determina si fullPage.js modificará la historia del navegador con cada cambio de enlace de anclaje (#) en la URL. ```javascript fullpage_api.setRecordHistory(false); ``` --- ### setScrollingSpeed(milliseconds) [Demostración](https://codepen.io/alvarotrigo/pen/NqLbeY) Define la velocidad de desplazamiento en milisegundos. ```javascript fullpage_api.setScrollingSpeed(700); ``` --- ### destroy(type) [Demostración](https://codepen.io/alvarotrigo/pen/bdxBzv) Destruye los eventos de fullPage.js y opcionalmente la estructura HTML creada por el mismo así como cualquier estilo que haya aplicado. Ideal para usar cuando se usa en páginas AJAX. - `type`: (parámetro opcional) Si se define como `all` la estructura HTML creada por fullPage.js así como cualquier estilo que haya aplicado serán eliminados. De este modo, se mantendrá el HTMl original, es decir, el usado antes de que fullPage.js se iniciase. ```javascript //destrozando los eventos Javascript de fullPage.js (scrolls, hashchange in the URL...) fullpage_api.destroy(); //destrozando los eventos Javascript asi como cualquier modificación en el HTML hecha tras iniciar fullPage.js fullpage_api.destroy('all'); ``` --- ### reBuild() Ajusta el tamaño de las secciones y diapositivas así como su posición y su posible barra de desplazamiento si se usa `scrollOverflow:true`. Ideal para usar en combinación con llamadas AJAX o cambios externos en la estructura DOM de la página, especialmente cuando se usa `scrollOverflow:true`. ```javascript fullpage_api.reBuild(); ``` --- ### setResponsive(boolean) [Demostración](https://codepen.io/alvarotrigo/pen/WxOyLA) Define el modo "responsive". Cuando se define a `true` la funcionalidad de `autoScrolling` será desactivada tal y como sucedería si se disparasen las opciones `responsiveWidth` o `responsiveHeight`. ```javascript fullpage_api.setResponsive(true); ``` --- ### responsiveSlides.toSections() [Extension of fullpage.js](https://alvarotrigo.com/fullPage/extensions/). Convierte diapositivas horizontales en secciones verticales. ```javascript fullpage_api.responsiveSlides.toSections(); ``` --- ### responsiveSlides.toSlides() [Extension of fullpage.js](https://alvarotrigo.com/fullPage/extensions/). Deshace el cambio de las diapositivas horizontales que han sido convertidas a secciones verticales, dejándolas nuevamente como diapositivas horizontales dentro de una sección. ```javascript fullpage_api.responsiveSlides.toSlides(); ``` ## Callbacks [Demostración](https://codepen.io/alvarotrigo/pen/XbPNQv) Puedes verlas en acción [aquí](https://alvarotrigo.com/fullPage/examples/callbacks.html). Algunos eventos de callback, como `onLeave`, contienen Objectos como parámetros. Dichos objetos son de tipo Section o Slide y continen las siguientes propiedades: - `anchor`: *(String)* link de anclaje. - `index`: *(Number)* índice. - `item`: *(DOM element)* elemento DOM. - `isFirst`: *(Boolean)* determina si el elemento es el primero de su tipo. - `isLast`: *(Boolean)* determina si el elemento es el último de su tipo. ### afterLoad (`origin`, `destination`, `direction`) Se dispara cuando una sección ha sido cargada completamente en la ventana, una vez que el desplazamiento ha terminado. Parámetros: - `origin`: *(Object)* sección de origin. - `destination`: *(Object)* sección de destino. - `direction`: *(String)* `up` o `down` dependiendo de la dirección de desplazamiento. Por ejemplo: ```javascript new fullpage('#fullpage', { anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'], afterLoad: function(origin, destination, direction){ var loadedSection = this; //usando su índice if(destination.index == 2){ alert("Section 3 ended loading"); } //usando su link de anclaje if(destination.anchor == 'secondSlide'){ alert("Section 2 ended loading"); } } }); ``` --- ### onLeave (`origin`, `destination`, `direction`) Se dispara una vez que el usuario abandona la sección, durante la transición a la nueva sección. Si devuelves `false` el movimiento se cancelará antes de que tenga lugar. Parámetros: - `origin`: *(Object)* sección de origin. - `destination`: *(Object)* sección de destino. - `direction`: *(String)* `up` o `down` dependiendo de la dirección de desplazamiento. Por ejemplo: ```javascript new fullpage('#fullpage', { onLeave: function(origin, destination, direction){ var leavingSection = this; //después de abandonar la sección 2 if(origin.index == 1 && direction =='down'){ alert("Me estoy moviendo a la sección 3!"); } else if(origin.index == 1 && direction == 'up'){ alert("Me estoy moviendo a la sección 1!"); } } }); ``` #### Cancelando un desplazamiento antes de que tenga lugar Puedes cancelar un desplazamiento si devuelves `false` en el callback `onLeave`: ```javascript new fullpage('#fullpage', { onLeave: function(origin, destination, direction){ //prevenimos el desplazamiento si la sección de destino es la tercera de la página if(destination.index == 2){ return false; } } }); ``` --- ### afterRender() Será disparado justo después de que la estructura de la página sea generada por fullPage.js. Este callback es útil si quieres iniciar otros plugins o ejecutar cualquier otro código que requiera que la estructura de la página esté lista (ready). fullPage.js modifica la estructura DOM de la página y por lo tanto puede que los elementos en la página se consideren dinámicos. Mira [las FAQs](https://github.com/alvarotrigo/fullPage.js/wiki/FAQ---Frequently-Answered-Questions) para más información. Ejemplo: ```javascript new fullpage('#fullpage', { afterRender: function(){ var pluginContainer = this; alert("La estructura resultante ya está lista para su uso"); } }); ``` --- ### afterResize(width, height) Será disparado después de que la ventana del navegador sea reajustada en tamaño. Justo después de que las secciones se hayan reajustado. Parámetros: - `width`: *(Number)* ancho de ventana. - `height`: *(Number)* alto de ventana. Ejemplo: ```javascript new fullpage('#fullpage', { afterResize: function(width, height){ var pluginContainer = this; alert("Las secciones han terminado de reajustarse"); } }); ``` --- ### afterResponsive(`isResponsive`) Será disparado después de que fullPage.js cambie de su estado normal a "responsive" o viceversa. Parámetros: - `isResponsive`: booleano que determina si entra (`true`) o sale (`false`) del modo "responsive" hacia su modo normal. Ejemplo: ```javascript new fullpage('#fullpage', { afterResponsive: function(isResponsive){ alert("Es responsive: " + isResponsive); } }); ``` --- ### afterSlideLoad (`section`, `origin`, `destination`, `direction`) Será disparado una vez cargue la diapositiva de una sección, después que el desplazamiento haya terminado. Parámetros: - `section`: *(Object)* sección activa. - `origin`: *(Object)* diapositiva de origen. - `destination`: *(Object)* diapositiva de destino. - `direction`: *(String)* `right` or `left` depending on the scrolling direction. Ejemplo: ```javascript new fullpage('#fullpage', { anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'], afterSlideLoad: function( section, origin, destination, direction){ var loadedSlide = this; //primera diapositiva de la segunda sección if(section.anchor == 'secondPage' && destination.index == 1){ alert("Primera diapositiva cargada"); } //segunda diapositiva de la segunda sección (suponiendo que #secondSlide es //el enlace de anclaje de la segunda diapositiva if(section.index == 1 && destination.anchor == 'secondSlide'){ alert("Segunda diapositiva cargada"); } } }); ``` --- ### onSlideLeave (`section`, `origin`, `destination`, `direction`) Será disparado una vez que el usuario abandone la diapositiva actual para ir a otra, durante la transición hacia la nueva diapositiva. Devolver `false`. Si devuelves `false`, el movimiento se cancelará antes de que tenga lugar. Parámetros: - `section`: *(Object)* sección activa. - `origin`: *(Object)* diapositiva de origen. - `destination`: *(Object)* diapositiva de destino. - `direction`: *(String)* `right` or `left` depending on the scrolling direction. Ejemplo: ```javascript new fullpage('#fullpage', { onSlideLeave: function( section, origin, destination, direction){ var leavingSlide = this; //abandonando la primera diapositiva de la segunda sección y moviendo hacia la derecha if(section.index == 1 && origin.index == 0 && direction == 'right'){ alert("Abandonando la diapositiva 1!!"); } //abandonando la tercera diapositiva de la segunda sección y moviendo hacia la izquierda if(section.index == 1 && origin.index == 2 && direction == 'left'){ alert("Yendo a la diapositiva 2! "); } } }); ``` #### Cancelando un desplazamiento antes de que tenga lugar Puedes cancelar el desplazamiento devolviendo `false` en el callback `onSlideLeave`. Exactamente igual que cuando se usa [`onLeave`](https://github.com/alvarotrigo/fullPage.js/blob/master/README_SPANISH.md#cancelando-un-desplazamiento-antes-de-que-tenga-lugar). # Reportando problemas 1. Por favor, usa el buscador en Github issues para buscar tu duda o problema antes de preguntar. 2. Asegurate de que estás usando la última versión de fullPage.js. No se provee soporte a versiones anteriores. 3. Usa el [foro de Github](https://github.com/alvarotrigo/fullPage.js/issues) para crear la pregunta o tema y **házlo en inglés** a ser posible. 4. **Se requerirá la reproducción aislada del problema.** Usa [jsfiddle](https://jsfiddle.net/1kyuL4em/2/) o [codepen](https://codepen.io/alvarotrigo/pen/NxyPPp) si es posible. # Contribuir con fullPage.js Por favor mira [Contributing to fullpage.js](https://github.com/alvarotrigo/fullPage.js/wiki/Contributing-to-fullpage.js) # Changelog Para ver la lista de cambios recientes, mira [la sección de releases](https://github.com/alvarotrigo/fullPage.js/releases). Sólo disponible en inglés :) # Build tasks ¿Deseas crear archivos de distribución de fullpage.js? Lee los [Build Tasks](https://github.com/alvarotrigo/fullPage.js/wiki/Build-tasks) # Recursos - [Template de Wordpress](https://alvarotrigo.com/fullPage/utils/wordpress.html) - [Vue.js wrapper component](https://github.com/alvarotrigo/vue-fullpage.js) - [Herramienta de animacion de CSS Easing - Matthew Lein](https://matthewlein.com/ceaser/) (útil para definir la opción `easingcss3`) - [fullPage.js jsDelivr CDN](https://www.jsdelivr.com/package/npm/fullpage.js) - [fullPage.js plugin para October CMS](http://octobercms.com/plugin/freestream-parallax) - [fullPage.js wordpress plugin](https://wordpress.org/plugins/wp-fullpage/) - [fullPage.js Angular2 directive](https://github.com/meiblorn/ng2-fullpage) - [fullPage.js angular directive](https://github.com/hellsan631/angular-fullpage.js) - [fullPage.js ember-cli addon](https://www.npmjs.com/package/ember-cli-fullpagejs) - [fullPage.js Rails Ruby Gem](https://rubygems.org/gems/fullpagejs-rails) - [Angular fullPage.js - Adaptation for Angular.js v1.x](https://github.com/mmautomatizacion/angular-fullpage.js) - [Integrating fullPage.js con Wordpress (Tutorial)](http://premium.wpmudev.org/blog/build-apple-inspired-full-page-scrolling-pages-for-your-wordpress-site/) ## Quién usa fullPage.js [![Google](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/google-4.png)](http://www.yourprimer.com/) [![Coca-cola](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/cocacola-4.png)](https://www.coca-colacompany.com/annual-review/2017/index.html) ![eBay](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/ebay-4.png) [![BBC](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/bbc-4.png)](http://www.bbc.co.uk/news/resources/idt-d88680d1-26f2-4863-be95-83298fd01e02) ![Sony](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/sony-4.png) ![Vodafone](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/vodafone-5.png) ![British Airways](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/british-airways-5.png) ![McDonalds](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/mcdonalds-6.png) ![EA](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/ea-6.png) [![Vogue](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/vogue-6.png)](http://www.vogue.fr/chaumet-histoires-de-liens) ![Mi](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/mi-6.png) [![Mercedes](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/mercedes-5.png)](https://www.x-class.com.au/) [![sym](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/sym-5.png)](http://www.sanyang.com.tw/service/Conception/) ![Bugatti](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/bugatti-5.png) [![eDarling](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/edarling-5.png)](https://www.edarling.de/) ![Ubisoft](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/ubisoft-5.png) - https://www.coca-colacompany.com/annual-review/2017/index.html - http://www.bbc.co.uk/news/resources/idt-d88680d1-26f2-4863-be95-83298fd01e02 - https://www.x-class.com.au - http://www.yourprimer.com/ - http://www.vogue.fr/chaumet-histoires-de-liens - http://burntmovie.com/ - http://www.newjumoconcept.com/ - http://www.shootinggalleryasia.com/ - http://medoff.ua/en/ - http://promo.prestigio.com/grace1/ - http://www.commoditiesdemystified.info/en/ - http://torchbrowser.com/ - http://thekorner.fr/ - https://www.edarling.de/ - http://urban-walks.com/ - http://lingualeo.com/ - http://charlotteaimes.com/ - http://collection.madeofsundays.com - http://www.boxreload.com/ - http://educationaboveall.org/ - http://camfindapp.com/ - http://rockercreative.com/ - http://usescribe.com/ - http://lucilecazanave.com/ - http://boxx.hk/ - http://bearonunicycle.com/ - http://rawmilk.dk/en/ - http://www.famavolat.com/ - http://www.sanyang.com.tw/service/Conception/ - http://www.batzaya.net/ - http://medissix.com/ - http://trasmissione-energia.terna.it/ - http://www.thefoodmovie.com/ - http://www.villareginateodolinda.it - http://www.kesstrio.com - http://ded-morozz.kiev.ua/ - http://unabridgedsoftware.com/ - http://atlanticcorp.us/ - http://moysport.ru/ - http://themify.me/demo/#theme=fullpane - http://dancingroad.com - http://www.camanihome.com/ - https://life2film.com/en/ Puedes encontrar otra lista más extensa [aquí](http://libscore.com/#$.fn.fullpage). ## Donaciones ¡Agradeceré cualquier donación! [Dona en Patreon](https://www.patreon.com/fullpagejs) [![Donate](https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=BEK5JQCQMED4J&lc=GB&item_name=fullPage%2ejs¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted) ## Sponsors Conviértete en un sponsor y añade tu logo aquí en Github y en la página principal de fullpage.js con un link a tu página. [[Conviértete en un sponsor](https://alvarotrigo.com/#contact)] | [[Dona en Patreon](https://www.patreon.com/fullpagejs)] [![Stackpath](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/stackpath3.png)](https://www.stackpath.com/) [![Browserstack](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/browserstack3.png)](http://www.browserstack.com/) [![HostPresto](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/hostpresto3.png)](https://hostpresto.com/?utm_source=alvaro) [![CodePen](http://wallpapers-for-ipad.com/fullpage/imgs3/logos/codepen3.png)](https://codepen.com) ### People