Rezolvat: onscroll adăugați clasa jquery

ui.widget.ScrollTo

Principala problemă cu utilizarea widget-ului ScrollTo este că poate fi dificil de controlat unde se va mișca cursorul utilizatorului când face clic pe widget. Acest lucru poate face dificilă crearea unei interfețe de utilizator ușor de utilizat.

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

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

Acest cod este scris în jQuery și este folosit pentru a schimba clasa CSS a unui element atunci când utilizatorul derulează în jos pe pagină.

Prima linie creează o funcție care va fi executată atunci când utilizatorul derulează. A doua linie stochează valoarea cât de departe a derulat utilizatorul pe pagină într-o variabilă numită „scroll”. A treia linie spune că dacă valoarea „scroll” este mai mare sau egală cu 100, atunci clasa CSS a elementului cu id-ul „header” ar trebui schimbată în „scrolled”. Dacă nu, atunci ar trebui să fie schimbat înapoi la clasa sa originală.

Import

jQuery oferă o modalitate convenabilă de a importa alte fișiere JavaScript în proiectul dvs. Pentru a face acest lucru, utilizați funcția jQuery import(). De exemplu, pentru a importa fișierul myfile.js în proiectul dvs., veți folosi următorul cod:

import { myFile } din „./myfile.js”;

Acest lucru va include automat myfile.js în domeniul actual al proiectului și îl va face disponibil pentru utilizare în codul dvs.

Instrumente pentru dezvoltatori

Există o serie de instrumente pentru dezvoltatori care sunt disponibile în jQuery. Aceste instrumente pot fi folosite pentru a depana codul, a inspecta și a modifica elementele DOM și multe altele.