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 "
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 "
Stap 7
Sla het HTML-document op en upload het naar uw webserver om het canvaselement met scrollen te bekijken.
