jquery - 有时我需要刷新我的页面以使我的 jQuery 脚本在页脚处工作

Question

我有一个固定的标题，因为它是固定的，它吃了一些页面，所以我需要添加一个margin-top到first-页面内容。我考虑过使用 jQuery 脚本来检查 header 呈现的 height 并将其作为 margin-top 添加到 first -页面内容。它有效，但有时我需要刷新页面，这对用户来说很麻烦。

脚本(在页脚):

$(document).ready(function(){ // This function is activated after the document is loaded
  $('.first-page-content').css('margin-top', $('#header').height()); // Sets the margin-top of the first-page-content as the height of the header
});

In case you need the jQuery API documentation

编辑:当它不起作用时，标题吃掉一些.first-page-content，因为没有margin-top.

Answer 1

使用以下方法解决:

$(window).on('load', function(){
  $('.first-page-content').css('margin-top', $('#header').height()); // Sets the margin-top of the first-page-content as the height of the header
});

reference