Question

我正在开发这个网站，其中包括固定导航。当我开始开发网站的主要内容时，保存内容的DIV容器部分隐藏在固定导航下。

可以在此网址后面看到此内容：http://rcb.com.mt/wordpresstesting/WebsiteTest/product-feautres.html

当我在此容器的顶部添加上边距时，它工作正常，但是当您调整大小并且网站变得响应时则不行。任何人都可以建议我修复此问题所需的更改吗？

Answer 1

尝试添加以下脚本

// If you put your code at the bottom of the page to avoid needing`$(document).ready`, it gets even simpler:

$(window).on('resize', function () {
    var newMarginTop = $('#header').height();
    $("#superContainer").css("margin-top", newMarginTop);
}).trigger('resize');


// Another way to do that same thing

$(document).ready(newMargin);
$(window).on('resize', newMargin);

function newMargin() {
    var newMarginTop = $('#header').height();
    $("#superContainer").css("margin-top", newMarginTop);
}


// Another technique is to`.trigger()`one event inside the other:

$(window).on('resize', function () {
    var newMarginTop = $('#header').height();
    $("#superContainer").css("margin-top", newMarginTop);
});
$(document).ready(function () {
   $(window).trigger('resize');
});

DIV部分隐藏在固定导航下

1 个答案: