Løst: onscroll legg til klasse jquery

ui.widget.ScrollTo

Hovedproblemet med å bruke ScrollTo-widgeten er at det kan være vanskelig å kontrollere hvor brukerens markør skal bevege seg når de klikker på widgeten. Dette kan gjøre det vanskelig å lage et brukergrensesnitt som er enkelt å bruke.

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

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

Denne koden er skrevet i jQuery og brukes til å endre CSS-klassen til et element når brukeren ruller nedover siden.

Den første linjen lager en funksjon som vil bli utført når brukeren ruller. Den andre linjen lagrer verdien av hvor langt ned på siden brukeren har rullet i en variabel kalt "scroll". Den tredje linjen sier at hvis verdien av 'scroll' er større enn eller lik 100, så skal CSS-klassen til elementet med ID-en 'header' endres til 'scrolled'. Hvis ikke, bør den endres tilbake til sin opprinnelige klasse.

Import

jQuery gir en praktisk måte å importere andre JavaScript-filer til prosjektet ditt. For å gjøre dette, bruk jQuery import()-funksjonen. For å importere filen myfile.js til prosjektet ditt, bruker du for eksempel følgende kode:

importer { myFile } fra './myfile.js';

Dette vil automatisk inkludere myfile.js i ditt nåværende prosjektomfang og gjøre det tilgjengelig for bruk i koden din.

Utviklerverktøy

Det finnes en rekke utviklerverktøy som er tilgjengelige i jQuery. Disse verktøyene kan brukes til å feilsøke kode, inspisere og endre DOM-elementer og mer.