Yakagadziriswa: onscroll wedzera kirasi jquery

ui.widget.ScrollTo

Dambudziko guru rekushandisa iyo ScrollTo widget nderekuti zvinogona kunetsa kudzora kuti mushandisi wemushandisi achafamba kupi kana vadzvanya pane widget. Izvi zvinogona kuita kuti zviome kugadzira mushandisi interface iri nyore kushandisa.

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

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

Iyi kodhi yakanyorwa mujQuery uye inoshandiswa kushandura kirasi yeCSS yechimwe chinhu kana mushandisi akatsikitsira pasi peji.

Mutsara wekutanga unogadzira basa rinozoitwa kana mushandisi apeta. Mutsara wechipiri unochengeta kukosha kwekuti kusvika papi pasi peji iro mushandisi akafamba mumutsara unonzi 'scroll'. Mutsara wechitatu unoti kana kukosha kwe'scroll' kwakakura kupfuura kana kuenzana nezana, saka kirasi yeCSS yechinhu chine id ye'header' inofanira kuchinjwa kuita 'scrolled'. Kana zvisina kudaro, zvino inofanira kuchinjwa kudzokera kukirasi yayo yepakutanga.

Tumira

jQuery inopa nzira iri nyore yekuunza mamwe mafaera eJavaScript mupurojekiti yako. Kuti uite izvi, shandisa iyo jQuery import() basa. Semuenzaniso, kupinza faira myfile.js mupurojekiti yako, ungashandisa kodhi inotevera:

unza {myFile } kubva './myfile.js';

Izvi zvinozongosanganisa myfile.js muchikamu chepurojekiti yako yazvino uye kuita kuti iwanikwe kuti ishandiswe mukodhi yako.

Mushanduri Zvigadzirwa

Kune akati wandei ekuvandudza maturusi anowanikwa mujQuery. Zvishandiso izvi zvinogona kushandiswa kugadzirisa kodhi, kuongorora nekugadzirisa zvinhu zveDOM, nezvimwe.