Kuxazululiwe: onscroll add class jquery

ui.widget.ScrollTo

Inkinga enkulu ngokusebenzisa iwijethi ye-ScrollTo ukuthi kungaba nzima ukulawula lapho ikhesa yomsebenzisi izohamba khona lapho echofoza kuwijethi. Lokhu kungenza kube nzima ukwakha isixhumi esibonakalayo esisebenziseka kalula.

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

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

Le khodi ibhalwe nge-jQuery futhi isetshenziselwa ukushintsha isigaba se-CSS se-elementi lapho umsebenzisi eskrola phansi ekhasini.

Umugqa wokuqala udala umsebenzi ozokwenziwa lapho umsebenzisi eskrola. Umugqa wesibili ugcina inani lokuthi kude kangakanani phansi kwekhasi umsebenzisi askrole kokuhlukile okubizwa ngokuthi 'skrola'. Umugqa wesithathu uthi uma inani 'lokuskrola' likhulu noma lilingana no-100, isigaba se-CSS se-elementi ene-id ethi 'unhlokweni' kufanele ishintshwe ukuze ithi 'scrolled'. Uma kungenjalo, kufanele ishintshwe ibuyiselwe esigabeni sayo sangempela.

Ngenisa

I-jQuery inikeza indlela elula yokungenisa amanye amafayela e-JavaScript kuphrojekthi yakho. Ukuze wenze lokhu, sebenzisa umsebenzi we-jQuery import(). Isibonelo, ukungenisa ifayela elithi myfile.js kuphrojekthi yakho, uzosebenzisa ikhodi elandelayo:

ngenisa i-{myFile } isuka ku-'./myfile.js';

Lokhu kuzofaka ngokuzenzakalelayo i-myfile.js kububanzi bephrojekthi yakho yamanje futhi yenze itholakale ukuze isetshenziswe kukhodi yakho.

Developer Tools

Kunamathuluzi amaningi kanjiniyela atholakala ku-jQuery. Lawa mathuluzi angasetshenziswa ukulungisa iphutha, ukuhlola nokuguqula izici ze-DOM, nokuningi.