Parallax Scrolling con jQuery

Si faltaba un plugin a mi lista de 15 recursos gratuitos para crear sitios de una sola pagina es pagePiling.js, probablemente una de las mejores soluciones para encargar el diseño de un sitio con estas características tan particulares.

pagePiling.js es un plugin para jQuery que facilita considerablemente el proceso de crear un sitio de una sola pagina, la principal característica de estos sitios es que hacen uso intensivo de la barra de desplazamiento del navegador, detectando su posición para mostrar y desplegar los distintos contenidos disponibles en la pagina.

Parallax Scrolling

A diferencia de otras alternativas similares, encuentro en pagePilling.js animaciones fluidas, perfectamente sincronizadas con el scroll del navegador, que dan como resultado una excelente experiencia a la hora de navegar los distintos contenidos disponibles.

Desde el punto de vista de la utilización de este plugin hay que destacar lo sencillo que resulta el proceso. Apenas necesitamos una div por sección para indicarle al plugin como realizar el trabajo.

Ejemplo de estructura:

<div id="pagepiling">
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
</div>

Ejemplo de inicialización:

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

Otro detalle importante es la capacidad que tiene este plugin de brindarnos opciones de configuración, por ejemplo tenemos varios métodos para interceptar eventos, cuando cambia el usuario de sección, cuando vuelve a la anterior, etc. todas posibilidades contempladas por el creador de este plugin y que se pueden acceder fácilmente mediante unas pocas lineas de código.

pagePiling es compatible con la mayoría de los navegadores modernos, en el sitio se anuncia compatibilidad con navegadores más antiguos, como por ejemplo: Internet Explorer 8 y Opera 12. Además funciona perfectamente en móviles y tablets.

Categorizado en: