Javascript for rulling DIV

Javascript kan du automat rulling funksjoner på websidene. Hvis du ønsker en div container for å bla automatisk, bruker du "scrollTop" eiendom i Javascript. Rullefunksjonen utløses automatisk når brukeren åpner websiden. Denne prosedyren er gunstig for programmerere som ønsker å vise en del av en side umiddelbart etter at en bruker åpner den.

Hensikt

Javascript lar utviklere kontrollere en webside elementer selv etter Web siden lastes på nettleseren. Når du oppretter prosess sider ved hjelp av språk som PHP eller ASP, kan du ikke kontrollere elementer eller rulle etter at siden er ferdig med behandlingen. Dette betyr at du kan ikke endre verdier etter at brukeren samhandler med siden. Javascript Den lar deg kommunisere med brukere, selv etter at siden lastes og er ferdig med behandlingen på servernivå.

utvalg

En div beholder omfatter et rullefelt når innholdet utvider høyden på div. Denne funksjonen er standard CSS stil for enhver div container. Å arbeide med rullefeltet i en div, må du angi div i Javascript-kode. Følgende kode angir div beholder du ønsker å bla i nettleseren:

Var div = document.getElementById ( "mydiv");

Den "mydiv" angir div element du ønsker å bla på siden.

rulle

Etter div er angitt, bruker du "scrollTop" eiendom i Javascript for å rulle innholdet i div. Når du setter denne egenskapen, div ruller ned de angitte piksler. For eksempel følgende kode ruller ned 50 piksler:

div.scrollTop = 50;

Du kan bruke denne koden for en funksjon som laster når brukeren åpner siden, eller når brukeren klikker på en knapp eller et bilde. Div sin rullefelt flytter til 50-pixel posisjon.

betraktninger

Eldre nettlesere støtter ikke rullefunksjonen. Hvis brukerne bruker en svært gammel versjon av nettleseren, for eksempel Internet Explorer 6 eller Netscape, gjør div ikke bla. Du kan enten legge inn en melding om at nettleseren ikke støttes eller gi en annen side som brukeren kan se innholdet.