当文档准备就绪并调整文档大小时调用事件

Question

我使用以下脚本来获取div的填充顶部。 div从英雄形象的高度得到他的填充顶部。真正的脚本在加载大小时效果很好，但是当我调整浏览器窗口的大小时，不再计算填充顶部。

jQuery(document).ready(function($) { 
    /***** CONTENT-WRAPPER PADDING FRONTPAGE *****/ 
    var $banner = $(".front header img"); 
    $banner.on('load', function(){ 
     var bannerHeight = $(this).height(); 
     console.log(bannerHeight); 
     $("#content-wrapper").css("padding-top", bannerHeight) 
    }); 
}) 

Answer 1

试试这个：

jQuery(window).resize(function() { 
    var bannerHeight = $(".front header img").height(); 
    console.log(bannerHeight); 
    $("#content-wrapper").css("padding-top", bannerHeight) 
}); 

Answer 2

的resize()事件将触发每次调整的窗口时间。附上您的处理程序，以两个事件：onReady和resize：

function calcPaddingTop() { 
    // your logic here 
} 

jQuery(document).ready(calcPaddingTop); 
jQuery(window).resize(calcPaddingTop);