Question

我有一台1440 * 900的显示器;页眉，页脚和两个DIV之间的页面（第一个是我的主要内容DIV，第二个是在它下面，具有相同的宽度）

我需要调整第二个DIV的大小（它使用与主内容DIV相同的背景）来感受页脚和窗口底部之间的差距（如果有的话）

我使用此代码：

while($("#page").height() < wh){
    $("#spacer").css('height', (parseInt($("#spacer").css('height').replace('px', '')) + 1) + 'px');
}

我在文档就绪（jquery）中使用它，但它在Chrome中冻结（但不在Firefox中）。

Answer 1

您可以尝试在CSS文件中为不同的大小创建类，然后只使用jQuery来更改类。可能会更快。

.addClass

或

.attr（'heightClass'，'whateverClassYouWant'）

Answer 2

那是什么？该代码重复。我不会用。我会使用事件检测器，

$(window).resize(function(e) {
    if ($(window).height>value) {
        //do stuff
    }
    else if ($(window).height<value) {
        //do stuff
    }
}
);

$(document).ready ( function(e) { //the same } );

虽然让它变慢。尽量不要在那个场合使用，虽然没有为此创造，但是有事件听众，而在那里停留直到情况发生变化或你打破它。

在Chrome中调整div的速度很慢

2 个答案: