Hur man rullar inuti en HTML-duk

...

Lägg till rullning på en HTML-duk genom att använda ett div-element.

Version 5 av HyperText Markup Language, mer känt som "HTML", innehåller stöd för ett nytt element kallas "canvas". Ett HTML5-canvaselement fungerar som en behållare för animering, grafik eller anpassad JavaScript koda. Om du vill aktivera rullning inom en arbetsyta på din webbsida, kan du linda in hela arbetsytan i ett div-element och sedan använda överflödesattributet för att lägga till de nödvändiga rullningslisterna.

Steg 1

Öppna HTML-dokumentet som innehåller canvas-elementet i ett webbredigeringsprogram eller en ordbehandlare.

Dagens video

Steg 2

Placera din textmarkör före ""-taggen i din HTML-kod.

Steg 3

Skriv in följande i din HTML-kod:

Overflow-attributet aktiverar rullningslister i din behållare.

Steg 4

Ersätt bredd- och höjdattributen med de pixelmängder du vill använda för att definiera storleken på div-behållaren. Se till att bredd- och höjdvärdena du väljer är tillräckligt stora för att passa hela storleken på ditt canvaselement.

Steg 5

Placera din textmarkör efter ""-taggen.

Steg 6

Skriv "

" i HTML-koden för att stänga div-behållaren.

Steg 7

Spara HTML-dokumentet och ladda upp det till din webbserver för att se canvaselementet med rullning.