Hvordan Rull en ramme med Javascript

De "scrollTo" og "scrollBy" Javascript-metoder gjør det mulig å rulle en webside programmatisk. Ved å registrere din vei oppover i DOM-treet, kan du få tilgang til andre rammer fra Javascript-kode i en ramme. De "scrollTo" og "scrollBy" metoder kan deretter brukes på den andre rammen for å rulle innholdet, så lenge den siden ligger på samme domene som en kjøring av Javascript (dette er på grunn av sikkerhetsreglene som er fastsatt av nettlesere) .

Bruksanvisning

1 Gi rammen du ønsker å bla et "navn" attributt i den overordnede HTML-dokumentet (den siden som inneholder "ramme" code). For eksempel inn følgende kode:

<Frame name = "scrollableFrame">

2 Legg til følgende kode mellom "hodet" tagger av HTML-dokument som vil rulle den andre rammen:

<Script type = "text / javascript">

funksjon scrollFrame (ramme, beløp) {

parent.frames[frame].scrollBy(0,amount);

}

</ Script>

Den "scrollBy" metoden tar to argumenter, tilsvarende de horisontale og vertikale mengder ved å bla på siden. Denne koden ruller bare siden vertikalt. Den "scrollTo" metoden tar de samme to argumentene, men ruller til den absolutte posisjonen spesifisert, i stedet for å utligne den nåværende bla posisjon.

3 Legg til en knapp i kroppen av HTML-dokumentet med funksjonen "scrollFrame" for å teste det ut:

<Input type = "button" value = "Bla Andre Frame" onclick = "scrollFrame ( 'scrollableFrame', 100);" />

4 Lagre alle sidene til webserveren din, og deretter navigere til den overordnede siden i nettleseren. Klikk på knappen for å bla i den angitte rammen. Klikk på den gjentatte ganger for å bla videre. Kontroller at siden du prøver å rulle er stor nok til at den har et rullefelt, eller funksjonen vil ikke ha noen synlig effekt.