全屏更改css值答案

【问题标题】：Change css value on fullscreen全屏更改css值
【发布时间】：2014-02-05 22:11:18
【问题描述】：

我通过根据显示在其上方的幻灯片 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

【问题讨论】：

标签： jquery css fullscreen window-resize

【解决方案1】：

这有点 hacky，总是让我觉得不好，但我猜幻灯片在调整窗口大小时需要一些时间来进行调整，所以你需要先让它发生在你做任何使用它的事情。试试这个...

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

当我在控制台的链接页面上运行它时它可以工作。

【讨论】：