Resuelto: onscroll agregar clase jquery

ui.widget.ScrollTo

El principal problema con el uso del widget ScrollTo es que puede ser difícil controlar dónde se moverá el cursor del usuario cuando haga clic en el widget. Esto puede dificultar la creación de una interfaz de usuario que sea fácil de usar.

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    //>=, not <=
    if (scroll >= 100) {
        //clearHeader, not clearheader - caps H
        $("#header").addClass("scrolled");
    } else {
        $("#header").removeClass("scrolled");  
    }  }); //missing );

Este código está escrito en jQuery y se usa para cambiar la clase CSS de un elemento cuando el usuario se desplaza hacia abajo en la página.

La primera línea crea una función que se ejecutará cuando el usuario se desplace. La segunda línea almacena el valor de hasta dónde se ha desplazado el usuario en la página en una variable llamada 'desplazamiento'. La tercera línea dice que si el valor de 'scroll' es mayor o igual a 100, entonces la clase CSS del elemento con una identificación de 'header' debe cambiarse a 'scrolled'. De lo contrario, debe volver a cambiarse a su clase original.

Importa

jQuery proporciona una manera conveniente de importar otros archivos JavaScript a su proyecto. Para hacer esto, use la función jQuery import(). Por ejemplo, para importar el archivo myfile.js a su proyecto, usaría el siguiente código:

import { myFile } from './myfile.js';

Esto incluirá automáticamente myfile.js en el alcance de su proyecto actual y estará disponible para su uso en su código.

Herramientas de desarrollo

Hay una serie de herramientas para desarrolladores que están disponibles en jQuery. Estas herramientas se pueden usar para depurar código, inspeccionar y modificar elementos DOM y más.

Artículos Relacionados:

Deja un comentario