Riješeno: onscroll dodaj klasu jquery

ui.widget.ScrollTo

Glavni problem sa korišćenjem vidžeta ScrollTo je taj što može biti teško kontrolisati gde će se korisnikov kursor pomeriti kada klikne na widget. Ovo može otežati kreiranje korisničkog sučelja koji je jednostavan 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 korisnik skroluje prema dolje po stranici.

Prvi red kreira funkciju koja će se izvršiti kada korisnik skroluje. Drugi red pohranjuje vrijednost koliko je niz stranicu korisnik skrolovao u varijablu koja se zove 'scroll'. Treći red kaže da ako je vrijednost 'scroll' veća ili jednaka 100, onda CSS klasu elementa sa id-om 'header' treba promijeniti u 'scrolled'. Ako nije, onda ga treba vratiti u prvobitnu klasu.

uvoz

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

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

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

Razvojni alati

Postoji veliki broj programskih alata koji su dostupni u jQueryju. Ovi alati se mogu koristiti za otklanjanje grešaka koda, inspekciju i modifikaciju DOM elemenata i još mnogo toga.