Hoe te scrollen in een HTML-canvas

...

Voeg scrollen toe aan een HTML-canvas met behulp van een div-element.

Versie 5 van de HyperText Markup Language, beter bekend als "HTML", bevat ondersteuning voor een nieuw element het 'canvas' genoemd. Een HTML5-canvaselement fungeert als een container voor animatie, afbeeldingen of aangepast JavaScript code. Als u scrollen binnen een canvas op uw webpagina wilt inschakelen, kunt u het hele canvaselement in een div-element plaatsen en vervolgens het overloopattribuut gebruiken om de benodigde schuifbalken toe te voegen.

Stap 1

Open het HTML-document dat het canvas-element bevat in een webbewerkingsprogramma of een tekstverwerker.

Video van de dag

Stap 2

Plaats uw tekstcursor voor de "" tag in uw HTML-code.

Stap 3

Typ het volgende in uw HTML-code:

Het overloopkenmerk schakelt schuifbalken in uw container in.

Stap 4

Vervang de attributen width en height door de pixelhoeveelheden die u wilt gebruiken om de grootte van de div-container te definiëren. Zorg ervoor dat de breedte- en hoogtewaarden die u kiest groot genoeg zijn om op de volledige grootte van uw canvaselement te passen.

Stap 5

Plaats uw tekstcursor na de tag "".

Stap 6

Typ "

" in de HTML-code om de div-container te sluiten.

Stap 7

Sla het HTML-document op en upload het naar uw webserver om het canvaselement met scrollen te bekijken.