Hvordan gjøre Akkumulert Bla Offset i jQuery

JQuery er et skriptspråk basert på Javascript som brukes for å utvikle interaktive webapplikasjoner. JQuery biblioteket gir et rikt utvalg av funksjoner for å kommunisere med dokumentobjektmodellen, eksterne servere og brukerundersøkelser. For eksempel med jQuery funksjoner, kan du designe en webside hvor brukeren kan bla jevnt og automatisk til forskjellige steder i dokumentet.

Bruksanvisning

1 Importer jQuery biblioteket i HTML-fil ved å bruke "<script>" tag plassert i hodet av dokumentet som følger:

<Script src = "jQuery.js"> </ script>

Dette forutsetter at jQuery biblioteket ligger på serveren din og i samme mappe som dokumentet. Du må legge til en sti hvis biblioteket ligger andre steder eller på en annen server.

2 Opprett et nytt skript container for å holde jQuery kode. Pakk inn koden i en funksjon som vil bli kalt når dokumentet er klar:

<Script>
funksjons startEventHandlers () {
// Kode vil gå her
}
$ (Dokument) .ready (startEventHandlers);
</ Script>

3 Bruk følgende kode for å bla til et element med id "scrollToMe" pluss en forskyvning når et element med id "scrollNow" klikkes. Den "1000" parameter vil animere rulle for 1000 millisekunder, eller ett sekund.

$ ( "# ScrollNow"). Klikk ({
$ ( "Html, body"). Animere ({
scrollTop:.. $ ( "# scrollToMe") offset () top + myOffset;
}, 1000);
});

JQuery ".offset ()" metoden registrerer den absolutte posisjon av elementet fra toppen av dokumentet, hvor ".position ()" metoden registrerer forskjøvet i forhold til ordnede elementer. Den "myOffset" variable kan være en konstant eller beregnes på grunnlag av andre dokumentelementer for å produsere en kumulativ effekt rulling.