1
看看这个：

http://jsfiddle.net/JamesKyle/3FaVN/

  1. 尝试垂直调整结果大小：之后两列正确滚动。

  2. 接下来水平调整大小，然后再次尝试垂直调整大小：注意列不再等于视口高度并且无法正确滚动。

我不明白这里发生了什么。

我的 javascript 似乎很简单：

function setHeight() {
     $('.panel').height( $(window).height() );
}

$(window).load(setHeight).resize(setHeight);

有谁知道这是什么原因造成的？任何想法如何解决它？

4

5 回答 5

1

在你的div上使用height: 100%;而不是height: inherit;.scroll

于 2012-10-03T20:36:36.603 回答
0

由于 'div.panel' 的高度正确，jQuery 调整大小工作正常。它是高度不合适的“div.panel”的内部 div。设置children身高会解决修改jsfiddle的问题

于 2012-10-03T20:36:39.697 回答
0

jQuery 工作正常；.panel的高度设置正确。然而，它的孩子根本没有被设置。

于 2012-10-03T20:37:12.113 回答
0

你的事件是由调整大小触发的，只需输入console.log。我不知道为什么，但这项工作http://jsfiddle.net/3FaVN/24/

于 2012-10-03T20:38:43.060 回答
0

webkit 中存在一个带有 display: table(-cell) 和调整大小的错误，请参阅https://bugs.webkit.org/show_bug.cgi?id=53166。

我会远离 display: table 现在。

编辑：阅读更多内容后，我不确定这是否适用于您的情况。不过对我来说，经过相当多的测试后，它确实感觉像是某种 webkit 中的错误（例如：它坏了，经过一些元素检查后，事情似乎又恢复了......）

于 2012-10-03T20:48:45.017 回答