Javascript 为什么我向下滚动时画布下有空白

我已将画布的高度设置为窗口的内部宽度。每当我向下滚动时，画布就会向上移动一点，露出一个空白。我怎样才能使您无法向下滚动

//声明变量
var body=document.getElementById（“body”）；
var canvas=document.getElementById（“canvas”）；
var iwidth=window.innerWidth；
var iheight=window.innerHeight；
//将画布放在右上角
body.style.margin=“0”；
//更改画布的样式，即颜色、边距、宽度和高度
canvas.style.backgroundColor=“红色”；
canvas.style.margin=“0”；
canvas.width=iwidth；
canvas.height=iheight

邓格
画布下有空白，因为HTML元素的默认样式为
display:inline。内联元素被设计为包含文本，因此在元素下方添加了空白，用于下行（悬挂在“y”和“p”底部的位）

要解决此问题，请应用
display:block添加到元素

使用Javascript，您可以这样做：

canvas.style.display = "block";


//声明变量
var body=document.getElementById（“body”）；
var canvas=document.getElementById（“canvas”）；
var iwidth=window.innerWidth；
var iheight=window.innerHeight；
//将画布放在右上角
body.style.margin=“0”；
//更改画布的样式，即颜色、边距、宽度和高度
canvas.style.backgroundColor=“红色”；
canvas.style.margin=“0”；
canvas.style.display=“块”；
canvas.width=iwidth；
canvas.height=iheight

邓格
画布下有空白，因为HTML元素的默认样式为
display:inline。内联元素被设计为包含文本，因此在元素下方添加了空白，用于下行（悬挂在“y”和“p”底部的位）

要解决此问题，请应用
display:block添加到元素

使用Javascript，您可以这样做：

canvas.style.display = "block";


//声明变量
var body=document.getElementById（“body”）；
var canvas=document.getElementById（“canvas”）；
var iwidth=window.innerWidth；
var iheight=window.innerHeight；
//将画布放在右上角
body.style.margin=“0”；
//更改画布的样式，即颜色、边距、宽度和高度
canvas.style.backgroundColor=“红色”；
canvas.style.margin=“0”；
canvas.style.display=“块”；
canvas.width=iwidth；
canvas.height=iheight

邓格
var body=document.getElementById（“body”）；
var canvas=document.getElementById（“canvas”）；
var iwidth=window.innerWidth；
var iheight=window.innerHeight；
body.style.margin=“0”；
canvas.style.backgroundColor=“红色”；
canvas.style.margin=“0”；
canvas.width=iwidth；
canvas.height=“100vh”；
网页
var body=document.getElementById（“body”）；
var canvas=document.getElementById（“canvas”）；
var iwidth=window.innerWidth；
var iheight=window.innerHeight；
body.style.margin=“0”；
canvas.style.backgroundColor=“红色”；
canvas.style.margin=“0”；
canvas.width=iwidth；
canvas.height=“100vh”；
网页