Isonjululwe: onskrola yongeza iklasi jquery

ui.widget.ScrollTo

Eyona ngxaki iphambili ngokusebenzisa iwijethi yeScrollTo kukuba kunokuba nzima ukulawula apho ikhesa yomsebenzisi iya kuhamba khona xa becofa kwiwijethi. Oku kunokwenza kube nzima ukwenza ujongano lomsebenzisi olulula ukulusebenzisa.

$(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 khowudi ibhalwe kwi-jQuery kwaye isetyenziselwa ukutshintsha iklasi ye-CSS yento xa umsebenzisi ethoba iphepha.

Umgca wokuqala wenza umsebenzi oza kwenziwa xa umsebenzisi eskrola. Umgca wesibini ugcina ixabiso lokuba kude kangakanani ezantsi iphepha umsebenzisi askrole kuguquko olubizwa ngokuba 'skrola'. Umgca wesithathu uthi ukuba ixabiso 'lokuskrola' likhulu okanye lilingana no-100, ngoko ke udidi lwe-CSS lwento ene-id ye 'header' kufuneka itshintshwe ibe 'scrolled'. Ukuba akunjalo, ngoko kufuneka itshintshwe ibuyele kudidi lwayo lokuqala.

Ngenisa

I-jQuery ibonelela ngendlela efanelekileyo yokungenisa ezinye iifayile zeJavaScript kwiprojekthi yakho. Ukwenza oku, sebenzisa i-jQuery import() umsebenzi. Umzekelo, ukungenisa ifayile myfile.js kwiprojekthi yakho, ungasebenzisa le khowudi ilandelayo:

rhweba ngaphandle {myFile } ukusuka './myfile.js';

Oku kuya kubandakanya ngokuzenzekelayo i-myfile.js kumda weprojekthi yakho yangoku kwaye iyenze ifumaneke ukuze isetyenziswe kwikhowudi yakho.

Developer Tools

Kukho inani lezixhobo zomphuhlisi ezikhoyo kwijQuery. Ezi zixhobo zingasetyenziselwa ukulungisa ikhowudi, ukuhlola kunye nokuguqula izinto ze-DOM, kunye nokunye.

Izithuba ezihambelanayo:

Shiya Comment