动态内容滚动条错误

Question

我在向网页添加动态内容时遇到问题。

javascript加载一些html并交换divholder的innerhtml。基本上是一个

$("#mydiv").load("some.html");

我的问题是，当你获得一个巨大的页面时，它会创建一个巨大的滚动条，然后，在将html换成较小的html后，滚动条不会被调整大小。

例如：http://jode.com.br/joe/scrollbarerror.png

使用firebug，您可以看到突出显示的内容是窗口，但是滚动高度比它的内容大很多

它发生在firefox上，即但不是在chrome中。使用chrome，hte滚动条更新为仅滚动内容

任何帮助？

Answer 1

我现在的解决方案是创建一个包含所有内容的div。当内容发生变化时，div的滚动条将更新为正确的大小。

然后我使用了这个方法：

html, body {
  height: 100%;
}
#MainContentHolder {
  height: 100%;
}

有了这个，主要内容拥有正确的滚动条并正在正确更新。

非常感谢谁试图帮助！

乔纳森

Answer 2

我想这个错误是因为你身上的height:100%身份标签。

你为什么需要它？你不应该这样做:)尝试删除它并告诉我们这个bug是否还在这里。