Question

如您所见，我们看不到滚动条的结尾，我弄乱了页面，我注意到如果删除导航栏，我们可以看到滚动条的结尾，但是我不知道如何解决它

谢谢。

* {
  margin: 0;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  overflow: hidden;
  height: 100%;
}
.container {
  height: 100%;
}
.navbar-header {
  position: relative;
  background: #202124;
  z-index: 10;
}
.navbar-header .navbar .hamburger {
  height: 68px;
  display: none;
}

.navbar-header .navbar ul li {
  height: 68px;
}

.content-wrapper {
  overflow-y: scroll;
  height: 100%;
}

.image-header {
  height: calc(100vh - 68px);
}

.main {
  padding: 2rem 0;
}
.main .showcase {
  min-height: 100vh;
}

Answer 1

容器为100vh，但包含您需要滚动的实际内容的div小于该容器。

无需修改HMTL即可解决此问题的最简单方法是：

id

将主要内容包装在可滚动的div中时，无法看到滚动条的末尾

1 个答案: