在页面上加载ajax内容后,不会显示滚动条

时间:2011-11-10 13:55:41

标签: html css ajax scroll

我正在构建一个通过ajax加载页面内容的站点。除了与Chrome和Safari的怪癖之外,我还有其他一切工作。它甚至与IE合作!

奇怪的是,当页面内容加载并且比索引页面高度更长时,滚动条在Chrome或Safari中都不会出现。

我发现了这个(In Chrome, page won't resize after Ajax load),但他所做的修复无济于事。

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

您提到的堆栈页面中有一个答案:@Paul Tomblin。我不知道它是否是那个问题的答案,但我猜(95%)这是你的问题的答案。

假设您的内容位于名为ajax_content的类中;你应该在ajax请求完成时运行这段代码:

$('.ajax_content').each(function(){
    $(this).resize();
});

此代码确保将调整ajax_content类的所有div,span等的大小。请注意,ajax_content类应具有scroll: auto;属性。

如果您想调整整个页面的大小,可以使用我在那个页面上提到的答案:

$(window).resize();