Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
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á!
Contenido
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.