Решено: онсцролл додајте класу јкуери

уи.видгет.СцроллТо

Главни проблем са коришћењем виџета СцроллТо је тај што може бити тешко контролисати где ће се курсор корисника померити када кликне на виџет. Ово може отежати креирање корисничког интерфејса који је једноставан за коришћење.

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

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

Овај код је написан у јКуери-ју и користи се за промену ЦСС класе елемента када корисник скролује надоле по страници.

Први ред креира функцију која ће се извршити када корисник скролује. Други ред чува вредност колико је корисник скроловао низ страницу у променљивој која се зове 'сцролл'. Трећи ред каже да ако је вредност 'сцролл' већа или једнака 100, онда ЦСС класу елемента са ИД-ом 'хеадер' треба променити у 'сцроллед'. Ако није, онда би требало да се врати у првобитну класу.

Uvoz

јКуери пружа згодан начин за увоз других ЈаваСцрипт датотека у ваш пројекат. Да бисте то урадили, користите функцију јКуери импорт(). На пример, да бисте увезли датотеку мифиле.јс у свој пројекат, користили бисте следећи код:

импорт { миФиле } из './мифиле.јс';

Ово ће аутоматски укључити мифиле.јс у ваш тренутни опсег пројекта и учинити га доступним за употребу у вашем коду.

Девелопер Тоолс

Постоји велики број алатки за програмере који су доступни у јКуери-ју. Ови алати се могу користити за отклањање грешака кода, проверу и модификацију ДОМ елемената и још много тога.

Релатед постс:

Оставите коментар