我正在尝试创建一个跨越我网页顶部的简单黑匣子。
目前我有这个：
<canvas id="block" align="center" height="250" width="5000"
style="border:1px solid #000000;background:#ffffff;position:absolute;top:-100px;z-index:10;">
最初我尝试将其设为百分比，但对我来说太复杂了。
我需要防止框导致页面滚动到两侧。
我确信这是一件非常简单的事情，可能我遇到的主要问题是不知道要搜索什么。我已经在谷歌上搜索了 2 个小时。
哟可以简单地使用overflow:hidden
示例：
<div style="overflow:hidden; width:200px; height:200px;position:relative;"></div>
观看演示：jsFiddle 现场演示
我正在尝试创建一个跨越我网页顶部的简单黑匣子。
如果您正在尝试完成此操作，那么您需要做的就是以下内容：
<div style="background-color:#000;height:10px;width:100%;"></div>
并将其直接放在您的开始<body>标签下方。
我对为什么要width:5000px;在画布上进行设置感到困惑，如果您希望使画布元素比视口更宽并且仍然不允许滚动，那么您需要overflow:hidden在body元素上进行设置。
body {
overflow:hidden;
}
如果不需要的滚动是由于用户在您的应用程序中按下箭头键，那么您应该告诉浏览器您正在通过执行以下操作自己处理箭头键：
event.preventDefault();
在键盘事件的处理程序中。
另外html {overflow: hidden}也可能工作。