Chrome不允许使用jQuery .height进行滚动

时间:2014-10-07 16:29:36

标签: jquery css google-chrome

我正在使用jQuery将div设置为窗口大小(-175px),并在调整窗口大小时调整大小。如果div达到最小高度600px,窗口将停止调整大小。

$("#error-container").height($(window).height() - 175);
  $(window).resize(function () {
    $("#error-container").height($(window).height() - 175)
  });
  $(document).ready(function () {
    $("#error-container").css("min-height", "600px")
  });

这样可行,但是在Chrome上似乎有一个奇怪的错误,一旦窗口变得太小,你就无法向下滚动以查看页脚。请参见屏幕截图:

Chrome

在Chrome上,它会关闭内容,但不允许我滚动查看下面的剩余内容。

Firefox

在Firefox中,它的行为正确,并允许我向下滚动并查看其余内容。

它也适用于iOS和Mac OSX中的Safari。

有谁知道可能导致它的原因?

我尝试将overflow: scroll;添加到父div,但这不起作用。

0 个答案:

没有答案