Išspręsta: „onscroll“ pridėkite klasę „jquery“.

ui.widget.ScrollTo

Pagrindinė „ScrollTo“ valdiklio naudojimo problema yra ta, kad gali būti sunku kontroliuoti, kur naudotojo žymeklis judės spustelėjus valdiklį. Dėl to gali būti sunku sukurti vartotojo sąsają, kurią būtų lengva naudoti.

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

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

Šis kodas parašytas jQuery ir naudojamas elemento CSS klasei pakeisti, kai vartotojas slenka puslapiu žemyn.

Pirmoje eilutėje sukuriama funkcija, kuri bus vykdoma vartotojui slinkus. Antroje eilutėje saugoma reikšmė, kiek vartotojas nuslinko puslapiu žemyn kintamajame, vadinamame „slinkti“. Trečioje eilutėje sakoma, kad jei „scroll“ reikšmė yra didesnė arba lygi 100, tada elemento, kurio ID yra „header“, CSS klasė turėtų būti pakeista į „scrolled“. Jei ne, jis turėtų būti pakeistas į pradinę klasę.

importas

„jQuery“ yra patogus būdas importuoti kitus „JavaScript“ failus į savo projektą. Norėdami tai padaryti, naudokite funkciją „jQuery import()“. Pavyzdžiui, norėdami importuoti failą myfile.js į savo projektą, turėtumėte naudoti šį kodą:

importuoti { myFile } iš './myfile.js';

Tai automatiškai įtrauks myfile.js į dabartinę projekto apimtį ir leis jį naudoti jūsų kode.

Kurejo irankiai

„jQuery“ yra daugybė kūrėjo įrankių. Šie įrankiai gali būti naudojami kodo derinimui, DOM elementų tikrinimui ir modifikavimui ir kt.