条件滚动条不适用于Chrome

Question

我正在使用React js，并且尝试使用水平滚动条，该滚动条仅在窗口大小较小时出现。我在父div标签上应用了以下CSS样式：

<div
      className="container"
      style={{
        minWidth: "100%",
        minHeight: "100vh",
        position: "absolute",
        overflowX: "scroll",
        backgroundColor: "#d3d3d3",
      }}
>

当我在chrome浏览器中看到输出时，底部会出现一个水平滚动条。 但是它被禁用并且根本不起作用。

请帮助我！