Question

我遇到了问题。

我的身体溢出：隐藏;

父div有一个位置：绝对;和溢出-y：滚动;

带文字的div只是一个普通的div。

但是因为溢出：隐藏;切断我的绝对div的底部，滚动不会一直向下。

我做了一个jsfiddle来表明我的意思： http://jsfiddle.net/AKL35/342/

 <body style="overflow: hidden;">
      <div style="position: absolute; overflow-y: scroll">
          <div>text</div>
      </div>
</body>

如果有人可以帮助我，请回答。感谢

Answer 1

将overflow: hidden应用于正文会导致任何不在窗口内的内容无法访问。有很多理由不这样做！确保所有内容都可见的唯一方法是确保所有内容都适合窗口 - 这意味着您需要知道窗口的尺寸，并动态修改内容以适应这些尺寸。

在您的示例中，iframe高度为644px，但您将div.sidebar设置为800px的高度。因此，最后156px的内容无法访问，因为它退出窗口，并且正文设置为隐藏溢出。将div.sidebar设置为550px可让您的内容看起来像您期望的那样。如果你坚持隐藏身体溢出，你需要发现窗口大小，并将div.sidebar高度设置为小于窗口高度的东西。

溢出：滚动不在绝对定位div中工作，父溢出：隐藏

1 个答案: