Konami-Code toevoegen aan uw Website (6 / 7 stap)

Stap 6: De scrollfunctie toevoegen

Volgens mij is dit de meest complexe deel van de code, maar we zijn bijna klaar!

Dit volgende blok van code die wij voegen laat uw afbeelding naar rechts verplaatsen naar links over het scherm. Als u wilt verplaatsen op dat het van links naar rechts, verander gewoon de "links" naar "rechts" in de initialisatie.

Nogmaals, voor een verdere beschrijving van wat elk fragment, klik op de foto en lees de nota's.

Pas dit code vlak voor uw < / script > tag:

$(function() {}
var className = $('.className');

className.css ("links", lopen + '%');

var horizontale = className.css('background-position-x');

vlag van de var = 0; var scroll = 23;
console.log(Walking);

$(document) .op ("scroll", function {}

if(showclassName == True) {}

var scroll = $(document).scrollTop();
wandelen = wandelen - 1;
className.css ("links", lopen + '%');

Als (wandelen -10 ==) {}
wandelen = 110; }

Als ((scroll % 3) == 0) {}

Als (horizontale == "0px") {}
className.css ("achtergrond-positie-x", "-65px");

Horizontal=ClassName.CSS('background-position-x');

}
anders als ((horizontale == "-65px") & & (vlag == 0)) {}
className.css ("achtergrond-positie-x", "-130px");

Horizontal=ClassName.CSS('background-position-x');

vlag = 1;
}
anders als ((horizontale == "-65px") & & (vlag == 1)) {}
className.css ("achtergrond-positie-x", "0px");

Horizontal=ClassName.CSS('background-position-x');

vlag = 0;
}
anders als (horizontale == "-130px") {}
className.css ("achtergrond-positie-x", "-65px");

Horizontal=ClassName.CSS('background-position-x');

} } } }); });