底部有空白的画布滚动问题
滚动放置在 div 内的画布时,可能会遇到画布滚动的问题超出其实际内容并显示容器 div 的
解决方案:
要防止这种情况,应将画布设置为块元素或其在 div 内的垂直对齐方式应设置为顶部。默认情况下,canvas 是一个内联元素,类似于图像。这种内联行为可能会导致垂直空间问题。
已修复的代码片段:
.screen { background: red; height: 100px; width: 300px; overflow: auto; border-radius: 20px; } canvas { display: block; } ::-webkit-scrollbar { width: 0px; height: 0px; }
此代码修改强制画布充当块元素,从而防止底部的空白并允许其正确滚动到内容的末尾。
以上是为什么我的画布滚动在底部显示过多的空白?的详细内容。更多信息请关注PHP中文网其他相关文章!