BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Manteniendo el scroll siempre abajo con StickyScroll

Manteniendo el scroll siempre abajo con StickyScroll

29/ABR/2014 28.083 visitas Ver comentarios

A pesar de que su autor no se ha molestado en explicarnos mucho de qué va su plugin, a mi me parece interesante utilizarlo para esos proyectos en los que el refresco de datos por pantalla es continuo y queremos mantener siempre visible la última línea ejecutada.

ScrollGlue pega (literalmente) el scroll bottom del elemento indicado a medida que éste va creciendo en tamaño... es decir, si nuestro divisor o elemento tiene barras de scroll y por javascript, ajax o lo que sea le vamos agregando nuevas líneas (tal como se ve en la imagen de arriba), por defecto, estas nuevas no se verán si no desplazamos el scroll hasta abajo de todo.

LEER ENTRADA

fullPage.js, páginas web a pantalla completa con scroll vertical y horizontal

fullPage.js, páginas web a pantalla completa con scroll vertical y horizontal

17/OCT/2013 15.683 visitas Ver comentarios

Este plugin me lo envía Alvaro Trigo, autor de fullPage.js, un plugin de jQuery para crear impresionantes páginas web a pantalla completa con desplazamiento vertical y horizontal.

Resumiendo, viene a ser una especie de presentación de diapositivas a pantalla completa con eventos que nos permiten pasar de una página a otra con un suave desplazamiento animado.

LEER ENTRADA

Mantener fijo el cabecero al hacer scroll con jQuery

Mantener fijo el cabecero al hacer scroll con jQuery

09/MAY/2013 30.849 visitas Ver comentarios

A raíz de una consulta en Twitter de mi buen amigo @tecnorama y de mi nuevo amigo @opeto82, he preparado una minidemo para dejar fijo el cabecero (o el elemento que nos interese) al hacer scroll y no perderlo de vista.

Seguramente habrás visto miles de webs (incluso la mía) que al desplazarte con las barras de desplazamiento vertical, pierdes el logo, el menú o algún elemento que te haría falta tener a mano si el contenido se hace muy extenso.

LEER ENTRADA

Scroll hacia arriba sin utilizar plugins en jQuery

Scroll hacia arriba sin utilizar plugins en jQuery

25/ABR/2013 14.294 visitas Ver comentarios

Lo que vamos a hacer en este post es agregar dinámicamente un botón para volver a la parte superior de la web si nuestra página tiene scroll vertical.

Básicamente controlaremos la posición vertical de nuestra página y si ésta supera un tamaño especificado en el código javascript, aparecerá un botón con una flecha apuntando hacia arriba en la parte inferior derecha de nuestra pantalla.

LEER ENTRADA

Perfect Scrollbar, la barra de scroll perfecta con jQuery

Perfect Scrollbar, la barra de scroll perfecta con jQuery

13/FEB/2013 15.653 visitas Ver comentarios

Ya comenté varias veces distintos plugins para personalizar las barras de scroll de tu navegador, div o elemento mediante jQuery. Lo que traigo es otro más, que se suma a la gran lista de plugins para scrollbars y Jquery que encontré aquí.

Perfect Scrollbar es muy pequeño pero potente plugin para personalizar nuestras barras de desplazamientos y pequeño, en todo sentido, ya que cuenta con un CSS de 4 líneas en la versión min y el .js sin comprimir no supera los 8 kb.

LEER ENTRADA

Listado de registros con scroll infinito en PHP, Ajax y jQuery

Listado de registros con scroll infinito en PHP, Ajax y jQuery

21/NOV/2012 32.375 visitas Ver comentarios

ACTUALIZACIÓN SEPTIEMBRE 2013: A pedido de un usuario en los comentarios, hay una variante del scroll infinito en PHP y Ajax lanzado desde un botón y no al desplazar el scroll al final de la página. Si quieres ver la demo, vete a este enlace.

Ahora que ya conoces las redes sociales, porque las conoces, no? habrás visto que la mayoría utiliza el scroll infinito de datos, es decir, a medida que vas bajando el scroll en la pantalla, se van cargando automáticamente nuevos registros de tus bases de datos.

LEER ENTRADA

jQuery Smooth Scrolling plugin

jQuery Smooth Scrolling plugin

24/FEB/2012 6.454 visitas Ver comentarios

Smooth Scrolling es un plugin desarrollado en jQuery que sirve para crear un sistema de navegación on-page, es decir, las típicas páginas web de 1 sólo html.

Hablando más claro, si tienes una web con poco contenido y quieres desarrollarla solo en un html pero con el contenido bien organizado, este plugin te viene pintado.

LEER ENTRADA

jQuery NiceScroll para un scroll mejorado en ordenadores y móviles

jQuery NiceScroll para un scroll mejorado en ordenadores y móviles

14/NOV/2011 25.772 visitas Ver comentarios

jQuery NiceScroll es un plugin, tal como indica su nombre, que mejora las barras de desplazamiento tanto en ordenadores de sobremesa, portátiles y también en dispositivos móviles. Resumiendo, y si miras la imagen más arriba, verás que es un scroll similar al de Facebook.

Realmente, por lo que vi en su web, es lo más fácil que existe para poner a funcionar... sólo basta con indicarle qué elemento (body, div, etc...) tendrá el scroll, configurar por css su aspecto y todo finalizado.

LEER ENTRADA

jQuery-Plugin: PageScroll (alternativa a ScrollTo)

jQuery-Plugin: PageScroll (alternativa a ScrollTo)

23/AGO/2011 8.263 visitas Ver comentarios

Este plugin es una alternativa al ya conocido ScrollTo, que lo que hace es que al presionar sobre una de las opciones de un menú con enlaces internos, éste desplace la página (o haga scroll) hasta el div correspondiente con una animación.

Además, tiene como ventaja, un peso muy reducido y varias opciones personalizables. Aun no lo he probado, pero desde ya no me gusta que muestre un mensaje que pone "Scrolling" a la derecha de la pantalla, pero imagino que se podrá configurar.

LEER ENTRADA

Tiny Scrollbar... la alternativa a jScrollPane para jQuery

Tiny Scrollbar... la alternativa a jScrollPane para jQuery

10/MAR/2011 21.013 visitas Ver comentarios

Si lo que quieres es personalizar las barras de scroll de tu navegador o usar capas o elementos con scrollbars y que no sean las simples barras que incluyen los navegadores, Tiny Scrollbar es tu opción. Permite personalizar las barras de desplazamiento de los elementos de tu web con un script de tan solo 2.29 kb.

Tiny Scrollbar puede utilizarse para aplicar barras de desplazamiento a tu contenido. Fue construido usando la biblioteca jQuery. Es una herramienta dinámica, ligera que da a los diseñadores web una forma eficaz de mejorar una interfaz de usuario web.

LEER ENTRADA

Uso de jScrollPane para jQuery. Elegante scroll en tus div

Uso de jScrollPane para jQuery. Elegante scroll en tus div

09/SEP/2009 36.957 visitas Ver comentarios

Este es un plugin que ya he utilizado varias veces para mostrar contenido ´encajado´ en ciertas dimensiones y mejorar la barra de scroll que muestran los navegadores.

De sobra sabemos que el colorear las barras de scroll con CSS funciona sólo en Explorer... porque simplemente no es código válido. Entonces, qué mejor que implementar esta realmente fácil solución.

LEER ENTRADA