在全屏上更改css值

Question

我通過根據顯示在其上方的幻燈片div的高度更改其CSS頂端值來管理我的主div的位置。

自去年div的高度取決於屏幕的寬度，我用一個腳本這樣做：在進入全屏模式時，會發生

$(window).load(function() { 
    $('.subslide').css('top', $('.slides').height() + 132 + 'px'); 
}); 
$(window).resize(function() { 
    $('.subslide').css('top', $('.slides').height() + 132 + 'px'); 
}); 

問題：調整大小功能不能正常工作和主DIV覆蓋幻燈片div。任何想法如何解決這一問題 ？

您可以在這裏看到的頁面：http://www.centredelafontaine.be/psychologie.html

Answer 1

這是一個有點哈克，這總是讓我口不好的味道，但我猜測，幻燈片需要一點時間來進行調整時窗口大小調整，所以你需要在做任何事情之前先讓它發生。試試這個......

$(window).resize(function() { 
    setTimeout(function() { 
     $('.subslide').css('top', $('.slides').height() + 132 + 'px'); 
    }, 250); 
}); 

它在我在控制檯的鏈接頁面上運行時工作。