Pourquoi mon défilement de toile affiche-t-il un espace blanc excessif en bas ?

Problème de défilement du canevas avec un espace blanc en bas

Lors du défilement d'un canevas placé à l'intérieur d'un div, vous pouvez rencontrer un problème de défilement du canevas au-delà de son contenu réel et révèle le div du conteneur background.

Solution :

Pour éviter cela, le canevas doit être défini comme un élément de bloc ou son alignement vertical dans le div doit être défini en haut. Par défaut, canvas est un élément en ligne, semblable à une image. Ce comportement en ligne peut entraîner des problèmes d'espace vertical.

Extrait de code avec correctif :

.screen {
    background: red;
    height: 100px;
    width: 300px;
    overflow: auto;
    border-radius: 20px;
}

canvas {
    display: block;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

Cette modification de code force le canevas à se comporter comme un élément de bloc, empêchant l'espace en bas et lui permettant de défiler correctement jusqu'à la fin de son contenu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!