1

我有问题。

我的身体已经溢出：隐藏；

父 div 有一个位置：absolute; 和溢出-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>

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

4

1 回答 1

2

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

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

于 2013-11-08T18:36:55.917 回答