无法一直滚动到 div 的底部

Question

我无法一直向下滚动到我的一个 DIV。仅当我使用笔记本电脑时才会发生这种情况。当我使用更大的屏幕时，一切正常。

我已经读过，将高度设置为 100% 通常有效，但它不适合我。

这是https://postimg.org/image/j6kg868z3/页面截图

为了提供更多上下文，我将此 html 嵌入到共享点页面的正文中（我是共享点品牌）并将 css 链接到我们共享点服务器上保存的资产。

这是css：

@charset "utf-8";
#wrapper {
    position: absolute;
    overflow-y: scroll;
    max-width: 1414px !important;
    min-height: 100%;
    max-height: 100%;
}

Answer 1

max-height: calc(100vh - 120px) !important;

在你的 .wrapper 类中试试这个，你也可以试试 -100px 或 -80px，看看哪个更适合你，我有同样的问题，只需使用 calc 减小 max-height 的大小效果很好.

我知道你问这个问题已经很久了，但我希望它对其他人有所帮助

Answer 2

您需要改用vh 单位进行height 测量。摆脱min-height 和max-height，只需将height: 100vh; 添加到#wrapper。您还需要确保#wrapper 没有margin 或任何padding。

1vh 等于视口窗口高度的 1%。详细了解 CSS 单元 here。

#wrapper {
  position: absolute;
  overflow-y: scroll;
  max-width: 1414px !important;
  color: white; /* Ignore */
  background: blue; /* Ignore */
  margin: 0;
  padding: 0;
  height: 100vh;
}

<div id="wrapper">Content</div>

Answer 3

请尝试 (height:10vh) 而不是 (height:100%)。其中 vh 代表视图高度。