Question

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

我已经知道将高度设置为100％通常有效但不适合我。

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

的屏幕截图

为了提供更多的上下文，我将这个html嵌入到sharepoint页面的主体上（我是品牌sharepoint）并将css链接到我们的sharepoint服务器上保存的资产。

这是css：

jsonb

Answer 1

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

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

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

在您的.wrapper类中尝试使用此方法，也可以尝试使用-100px或-80px，看看哪个更适合您，我遇到了同样的问题，只需使用calc减小最大高度即可

我知道您提出这个问题已经有很长时间了，但是我希望它对其他人有帮助

Answer 3

请尝试（身高：10vh ）而不是（身高：100％）。其中vh代表View Height。

无法一直滚动到div的底部

3 个答案: