如何强制HTML页面具有水平滚动条

How to force an HTML page to have a horizontal scrollbar

本文关键字：水平 滚动条 面具 何强制 HTML      更新时间：2024-03-10

我正在用HTML画布和javascript制作一个游戏。目前，我脑海中的javascript生成了复杂的画布元素。在正文中只有一个小p带有说明。这个游戏大约是1100像素x 600像素。如果你转到屏幕分辨率较小的页面，游戏的其余部分将从边缘截取。我希望页面有一个浏览器原生的水平和垂直滚动条，他们可以用来滚动游戏。

我看过容器和最小宽度的各种组合，但我想知道是否有标准的做法？

CSS溢出属性，指定是剪辑内容、呈现滚动条，还是在内容溢出块级容器时仅显示内容。

尝试将ID #scrollable添加到要强制打开滚动条的元素，然后添加

#scrollable{
    overflow: scroll;
    width: 100%;
}

从MDN文档

如果你想在一个轴上强制溢出滚动，你可以使用：

overflow-x: scroll;

或

overflow-y: scroll;

MDN文档溢出-x

使用overflow-y和CSS

body {
   overflow-x: scroll; /*For regular vertical scroll */
   overflow-y: scroll; /*For Horizontal scroll */
}
相关文章：