Riješeno: onscroll dodati klasu jquery

ui.widget.ScrollTo

Glavni problem s korištenjem widgeta ScrollTo je taj što može biti teško kontrolirati gdje će se pomaknuti pokazivač korisnika kada klikne na widget. To može otežati stvaranje korisničkog sučelja koje je jednostavno za korištenje.

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

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

Ovaj kod je napisan u jQueryju i koristi se za promjenu CSS klase elementa kada se korisnik pomiče niz stranicu.

Prvi redak stvara funkciju koja će se izvršiti kada se korisnik pomiče. Drugi redak pohranjuje vrijednost koliko se korisnik pomaknuo prema dolje u varijabli pod nazivom 'scroll'. Treći redak kaže da ako je vrijednost 'scroll' veća ili jednaka 100, tada CSS klasa elementa s ID-om 'header' treba biti promijenjena u 'scrolled'. Ako nije, onda ga treba vratiti u izvornu klasu.

uvoz

jQuery pruža prikladan način za uvoz drugih JavaScript datoteka u vaš projekt. Da biste to učinili, upotrijebite funkciju jQuery import(). Na primjer, da biste uvezli datoteku myfile.js u svoj projekt, upotrijebili biste sljedeći kod:

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

Ovo će automatski uključiti myfile.js u vaš trenutni opseg projekta i učiniti ga dostupnim za korištenje u vašem kodu.

Razvojni alati

Postoji niz alata za razvojne programere koji su dostupni u jQueryju. Ovi se alati mogu koristiti za ispravljanje pogrešaka u kodu, pregled i izmjenu DOM elemenata i više.