jquery - 在全屏上更改 css 值

Question

我通过根据显示在其上方的幻灯片 div 的高度更改其 css top 值来管理我的主 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);
});

当我在控制台的链接页面上运行它时，它会起作用。