???? Volver

Sencillas soluciones y desarrollos con jQuery en WordPress

jQuery es una librería de JavaScript que nos permite, de una forma bastante sencilla añadir, quitar o modificar cosas en nuestro HTML. Así explicado puede parecer algo complejo, pero te voy a poner un par de ejemplos:

  • ¿Quieres que algo ocurra cuando un usuario haga scroll o que llegue con el scroll a un porcentaje X de la pantalla? – jQuery
  • ¿Quieres que algo ocurra cuando se hace click sobre un botón o un elemento cualquiera? – jQuery
  • ¿Quieres poder añadir o quitar clases, IDs de CSS, o incluso contenido HTML donde tu quieras sin tener que acceder directamente a ese HTML? – jQuery

Ya estamos utilizando jQuery en muchas ocasiones para ejecutar las Librerías de JS. Aquí vamos a crear mini-soluciones de cero, pero ya verás, muy sencillo todo.

Como siempre, vemos un pelín de teoría y nos ponemos con desarrollos concretos con los que jQuery puede solucionarte la vida y ahorrarte muchos plugins. ¡Vamos allá!

Teoría y sintaxis básica

¡Ueps! Este contenido está restringido a usuarios registrados. Puedes registrarte o volver a la home para ver de qué va este programa.

Header fijo en scroll

¡Ueps! Este contenido está restringido a usuarios registrados. Puedes registrarte o volver a la home para ver de qué va este programa.

Smooth scroll al hacer click en un enlace

¡Ueps! Este contenido está restringido a usuarios registrados. Puedes registrarte o volver a la home para ver de qué va este programa.

Botón de "scroll to top"

¡Ueps! Este contenido está restringido a usuarios registrados. Puedes registrarte o volver a la home para ver de qué va este programa.

Tabs o pestañas

¡Ueps! Este contenido está restringido a usuarios registrados. Puedes registrarte o volver a la home para ver de qué va este programa.

Animación al llegar con el scroll

¡Ueps! Este contenido está restringido a usuarios registrados. Puedes registrarte o volver a la home para ver de qué va este programa.

chevron-down