JavaScript er et nettspråk som brukes til å lage dynamiske websider og gjøre dem interaktive for brukere. Gjennom JavaScript kan vi utføre forskjellige funksjoner, endre CSS av HTML -elementer, utføre handlinger på hvert klikk og mange flere.JavaScript gjør siden på nettstedet vårt mer interaktivt og legger til dynamisk atferd til det, vi kan lage forskjellige menyer, rullegardinmenyer, rullefelt osv. Vi kan til og med aktivere og deaktivere oppførselen til hver av disse komponentene ved å bruke JavaScript. I denne artikkelen får vi se hvordan du deaktiverer bla på en webside ved hjelp av JavaScript.

Deaktiver bla på en webside

Rullingen på websider kan enkelt deaktiveres ved hjelp av JavaScript på forskjellige måter, men i denne artikkelen vil vi bare se to måter å deaktivere den som er listet opp nedenfor:

• Metode 1: Ved å overstyre vinduet.Onscroll -funksjon
• Metode 2: Ved å sette høyden på kroppen til 100% og overløp til skjult

Hver av disse metodene er forklart nedenfor sammen med eksempler for bedre demonstrasjon og din forståelse.

Ved å overstyre vinduet.Onscroll -funksjon

Hendelsen vindu.Onscroll spares når vinduet er rullet, og dermed overstyrer og setter funksjonen til en fast verdi vil deaktivere rulleeffekten for websiden din.

Du kan finne den nåværende posisjonen til å bla fra toppen av vindu.PageyOffset og dokument.dokumentelement.rulle, som begge vil returnere den nåværende verdien av Y rulle. Disse to brukes sammen ved bruk av den eller logiske operatøren “||” Som en av dem kan returnere 0 på noen nettlesere.

Nå, for å finne verdien av X rulle Vi kan bruke vindu.PagexOffset og dokument.dokumentelement.rulleft som brukes på samme måte som y rulle, ved hjelp av eller operatør og de returnerer verdien for x rulle på websiden.

Nå etter dette vil vi bruke vindu.Scrollto () sammen med de to over verdiene for å stille rulleposisjonen til websiden din til den verdien. Du kan aktivere rulle tilbake ved å overstyre vinduet.Onscroll -funksjon for å tømme en tom funksjon.

Nedenfor er koden som er gitt for å deaktivere rulling av nettsiden ved å bruke denne metoden:

Html:

Velkommen til nettstedet vårt

Klikk på knappene nedenfor for å aktivere eller deaktivere rulling.

Deaktiver rulling
Aktiver rulling

JavaScript:

funksjondisable ()
// for å få rulleposisjonen til gjeldende webside
TOPSCROLL = vindu.PageyOffset || dokument.dokumentelement.rulleop;
LeftsCroll = vindu.PagexOffset || dokument.dokumentelement.rulleft,
// Hvis rulle skjer, sett den til forrige verdi
vindu.OnScroll = funksjon ()
vindu.Scrollto (Leftscroll, Topscroll);
;

funksjonbar ()
vindu.onScroll = funksjon () ;

Produksjon:

Ved å sette kroppen på kroppen til 100% og overløpe til skjult

I denne metoden bruker vi CSS for å deaktivere rullingen på websider. I CSS -klasse setter vi høyden til 100%, og deretter setter vi overløpseiendommen til skjult som deaktiverer rullefeltet på nettsiden.

Metoden dokument.kropp.Klasseliste.Legg til (“ClassName”) brukes til å legge klassenavnet til kroppselementet og dermed deaktivere rullingen. For å aktivere rulle tilbake blir klassen fjernet fra metoden ved hjelp av dokument.kropp.Klasseliste.Fjern (“ClassName”).

Html:

Velkommen til nettstedet vårt

Klikk på knappene nedenfor for å aktivere eller deaktivere rulling.

Deaktiver rulling
Aktiver rulling

JavaScript:

Produksjon:

Konklusjon

JavaScript brukes til forskjellige formål som å lage inngangsbokser, navigasjonsstenger, på klikkhendelser handlinger osv. Gjennom JavaScript kan vi også aktivere og deaktivere handlingen til forskjellige komponenter på vår webside. I denne artikkelen diskuterte vi hvordan du deaktiverer rulling på en webside med JavaScript og diskuterte to forskjellige metoder sammen med eksempler og kode for bedre forståelse av deg. Begge disse metodene brukes enkelt og kan hjelpe brukere til å deaktivere rullefeltet enkelt.