Scroll diseñado para sitios del tipo «todo en una pagina»

Windows es un interesante plugin jQuery para utilizar en sitios del tipo full screen o  “todo en una pagina”, este tipo de proyectos tienen la particular de dividir las distintas secciones que lo conformen mediante el uso de un diseño que cambia radicalmente de una sección a otra, ya sea modificando el color de fondo o bien utilizando esquemas básicos que corten claramente cuando termina una sección y comienza otra.

El problema de este tipo de sitios es que las secciones se descubren mediante el uso del scroll del navegador esto puede ser un problema ya que el visitante puede decidir detener el barrido del sitio en una posición intermedia entre una sección y otra, logrando un resultado bastante feo estéticamente hablando, para solucionar este inconveniente es que existe Windows.

scroll para sitios en una sola pagina

Windows acomoda automáticamente el contenido en la pantalla, evitando que una sección se muestre de forma parcial. Siempre el plugin va a mostrar la categoría que se muestre en mayor proporción, esto en sitios full screen es una ventaja enorme, no solo en lo que se refiere a lo estético sino también a lo funcional.

Ejemplo de uso:

$('.window').windows({
   snapping: true,
   snapSpeed: 500,
   snapInterval: 1100,
   onScroll: function(scrollPos){
      // scrollPos:Number
   },
   onSnapComplete: function($el){
      // after window ($el) snaps into place
   },
   onWindowEnter: function($el){
      // when new window ($el) enters viewport
   }
});

En el sitio de Windows tienen una demostración de funcionamiento.

Web: Windows

Categorizado en: