Question

所以我目前正在使用HTML，CSS和JavaScript创建视频游戏。我正在设计页面，我遇到了问题。我的页面下面有很多空白区域，并创建了一个向下滚动到页面的巨大未使用部分。无论如何阻止它向下滚动？

这是我的代码：

* {
overflow: hidden;
}




body {
background-color: antiquewhite;
}





#fullcanvas {
border: 6px double black;

}

#title {
position: relative;
color: darkgreen;
font-family: sans-serif;
font-size: 30px;
border: 0px solid black;
border-width: 0px;
bottom: 667px;
left: 20px;
}

#game_rules_canvas {
position: relative;
border: 10px solid black;
border-width: 8px;
bottom: 678px;
left: 20px;
border-right-style: dashed;
border-left-style: dashed;
height: 400px;
width: 300px;



}

Answer 1

使用你的css并重新创建引用为div的元素似乎并没有复制你的问题。见这里：jsfiddle

以下规则应该停止所有滚动：

* {
overflow: hidden;
}

听起来你要么使用其他代码，要么javascript导致问题。我会尝试和诊断的事情：

添加overflow: hidden!important;以查看是否覆盖了问题
右键单击并检查空白区域以查看其样式以及它引用的元素。（<html>，<body>，<other>等）。
删除javascript以查看页面呈现方式。

如果您可以提供更多代码，甚至屏幕截图，那么它会有所帮助。

停止在HTML / CSS中向下滚动页面

1 个答案: