An warware: kan gungura ƙara aji jquery

ui.widget.Ggura zuwa

Babban matsalar amfani da ScrollTo widget shine cewa yana iya zama da wahala a sarrafa inda siginan mai amfani zai motsa idan sun danna widget din. Wannan na iya sa ya zama da wahala a ƙirƙira ƙirar mai amfani mai sauƙin amfani.

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

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

An rubuta wannan lambar a jQuery kuma ana amfani da ita don canza ajin CSS na wani kashi lokacin da mai amfani ya gungura ƙasa shafin.

Layin farko yana ƙirƙirar aikin da za a aiwatar lokacin da mai amfani ya gungurawa. Layi na biyu yana adana ƙimar nisan ƙasan shafin da mai amfani ya gungura a cikin ma'auni mai suna 'scroll'. Layi na uku ya ce idan darajar 'scroll' ta fi ko daidai da 100, to sai a canza ajin CSS na element mai id na 'header' zuwa 'scrolled'. Idan ba haka ba, to ya kamata a canza shi zuwa ajinsa na asali.

Import

jQuery yana ba da hanya mai dacewa don shigo da wasu fayilolin JavaScript cikin aikin ku. Don yin wannan, yi amfani da aikin shigo da jQuery (). Misali, don shigo da fayil ɗin myfile.js cikin aikin ku, zaku yi amfani da lambar mai zuwa:

shigo da {myFile} daga './myfile.js';

Wannan zai haɗa ta atomatik myfile.js a cikin iyakar aikin ku na yanzu kuma ya samar da shi don amfani a lambar ku.

developer Tools

Akwai adadin kayan aikin haɓakawa waɗanda suke cikin jQuery. Ana iya amfani da waɗannan kayan aikin don gyara lamba, dubawa da gyara abubuwan DOM, da ƙari.