Question

我有这个网站：http://fosterinnovationculture.com/infographic/index.html，我在显示垂直滚动条时遇到问题。父div的样式为overflow: hidden;。我在孩子overflow-y: scroll;上设置div，因此它会滚动，但它不会显示滚动条。有谁知道它为什么不显示？

以下是.scroll类的代码：

.scroll {
  height: 90vh;
  width: 100%;
  overflow-y: scroll;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
}

以下是父div的代码：

#users {
 overflow: hidden;
}

Answer 1

在给出答案之前，我会说在编写CSS时我告诉自己最重要的事情是：如果我开始不得不破解那么我就太复杂了。

话虽如此，首先要删除代码中的.top-nav { height: 70px; /* you already specify this on your site */ } .scroll { position: absolute; top: 70px; bottom: 0px; left: 0px; right: 0px; overflow-y: scroll; }的每个实例。

然后在那里得到它：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>webpage title</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>

垂直滚动条不显示

1 个答案: