html - DIV 部分隐藏在 Fixed Navigation 下

Question

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

可以在这个 URL 之后看到: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');
});