JavaScript for Rulning DIV

August 17

JavaScript kan du automatisere rulning funktioner på dine websider. Hvis du ønsker en div container for at rulle automatisk, skal du bruge "scrollTop" ejendom i JavaScript. Rullefunktionen udløser automatisk, så snart brugeren åbner websiden. Denne procedure er til gavn for programmører, der ønsker at vise en del af en side, umiddelbart efter en bruger åbner det.

Formål

JavaScript lader udviklere styre en webside elementer, selv efter Websiden belastninger på browseren. Når du opretter proces sider ved hjælp af sprog som PHP eller ASP, kan du ikke styre elementer eller rulle efter siden er færdig behandling. Det betyder, at du ikke kan ændre værdier, efter at brugeren interagerer med siden. Den JavaScript kan du interagere med brugerne, selv efter siden indlæses og slutter behandling på serverniveau.

Udvælgelse

En div container omfatter et rullepanel når dit indhold udvider højden af ​​div. Denne funktion er standard CSS stil for enhver div container. At arbejde med rullepanelet i en div, skal du angive div i JavaScript-kode. Følgende kode angiver div container du vil rulle i browseren:

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

Den "mydiv" angiver div element, du ønsker at rulle på siden.

rulning

Efter div er angivet, du bruger "scrollTop" ejendom i JavaScript for at rulle indholdet i div. Når du indstiller denne egenskab, de div ruller ned de angivne pixel. For eksempel følgende kode ruller ned 50 pixel:

div.scrollTop = 50;

Du kan bruge denne kode til en funktion, der indlæses, når brugeren åbner siden, eller når brugeren klikker på en knap eller billede. Den div s rullepanel, flyttes til den 50-pixel position.

Overvejelser

Ældre browsere understøtter ikke rulle funktion. Hvis dine brugere anvender en meget gammel browserversion såsom Internet Explorer 6 eller Netscape, har div ikke rulle. Du kan enten skrive en besked om, at browseren ikke understøttes eller give en anden side, hvorfra brugeren kan se indholdet.


relaterede artikler