Question

这确实是一个奇怪的问题。

我正在使用create-react-app创建的react项目。在html文件中，我有：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>Playground</title>
  </head>
  <body>
    <div>Lorem ipsum Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum</div>
    <noscript>
      You need to enable JavaScript to run this app.
    </noscript>
  </body>

</html>

现在在body标签内，您可以看到带有大量lorem ipsum文本的div。我正在浏览器（Chrome）中检查此div。我提供了这3个属性：

width: 100px;
height: 100px;
overflow: scroll

令我惊讶的是，我无法滚动div。显然，如果我以另一种方式测试它，即。仅创建一个html文件（采用老式的方法），在其中粘贴相同的代码，检查相同的div，并为其赋予相同的属性，并具有将按预期滚动的相同值。希望这是琐碎的问题。

React中的滚动滚动

0 个答案: