时间戳

首页 > 解决方案 > “溢出-x：隐藏”在移动设备上不起作用

javascript - “溢出-x：隐藏”在移动设备上不起作用

问题描述

这是我的 HTML ->

<html lang="en">

<head>
    <meta charset="UFT-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <div id="root"></div>
</body>

</html>

我有一个由 JavaScript 文件导入的 CSS，我在其中放置了以下几行：

body {
  overflow-x: hidden;
  position: relative;
}

我不知道为什么，但它并不关心移动设备上的隐藏溢出。我试过做

body, html {
  overflow-x: hidden;
  position: relative;
}

但是，我得到了一个双垂直滚动条，应该只有一个。

标签： javascripthtmlcssreactjsoverflow

解决方案

我有同样的问题，最终我尝试添加这个：

#root { 
  overflow-x: hidden;
}

它解决了我的问题，希望它对你也一样！

推荐阅读