spin.js.

spin.js.

Del det! Hvis de er merket, lagres alternativverdiene i nettadressen, slik at du enkelt kan dele innstillingene dine.

Ingen bilder, ingen ekstern CSS Ingen avhengighet Hoy konfigurerbar Opplosning uavhengig Bruker requestAnimationFrame (), faller tilbake til setTimeout () i IE 9 Fungerer i alle storre nettlesere Inkluderer TypeScript-definisjoner Distribuert som en innfodt ES6-modul MIT-lisens.

Spin.js oppretter dynamisk spinningsaktivitetsindikatorer som kan brukes som en opplosningsuavhengig erstatning for AJAX-lasting av GIF-er.

Installasjon.

Kjor npm installer spin.js (anbefalt), eller lagre spin.js-filen i repo.

Merk: Ikke bruk et & lt; script & gt; merk direkte henvisning til spin.js-filen pa denne nettsiden. A gjore dette, vil trolig bryte appen din nar en storre ny versjon er utgitt.

Metoden spin () lager de nodvendige HTML-elementene og starter animasjonen. Hvis et malelement overfores som argument, blir spinneren lagt som forste barn og horisontalt og vertikalt sentrert.

Manuell innforing.

For a manuelt sette spinner inn i DOM kan du pakalle spin () metoden uten noen argumenter og bruke elegenskapen til a fa tilgang til HTML-elementet:

Posisjonering.

Siden versjon 2.0.0 er spinneren helt posisjonert til 50% av sin offsetforelder. Du kan angi et topp og venstre alternativ for a plassere spinneren manuelt.

Merk: Spinnerelementet er en 0 og ganger; 0 pixel DIV som representerer spinnens midtpunkt. Derfor, hvis du bare passerte, vil den nedre hoyre quater av spinner v re inne i malets avgrensningsboks.

Spinnerelementet ma v re omgitt av et element ved hjelp av relativ posisjonering, eller spinneren vil v re utenfor foreldreelementet.

Gjemmer spinneren.

For a skjule spinneren, bruk stop () -metoden, som fjerner brukergrensesnittelementene fra DOM og stopper animasjonen. Stoppede spinnere kan gjenbrukes ved a ringe spinn () igjen.

Ikke alle nettlesere stotter innfodt ES6-modulimport enna, sa det anbefales a bruke en modulbunt som Webpack eller Rollup for a lage en produksjons-klar kodebunt.

Stottede nettlesere.

Spin.js har blitt testet i folgende nettlesere:

Kontakt.

Hvis du stoter pa problemer, kan du bruke GitHub-sporsmalet tracker.