想要更改窗口上的粘性子导航位置，根据标题高度调整大小

Question

我非常不熟悉，仍在学习javascript/jQuery，而且我很难组合语法来更改辅助导航栏偏移位置，以粘贴在屏幕大小变化时调整其大小的标题上(徽标设置为视点百分比，因此其高度随屏幕大小而变化(。

到目前为止，我得到了以下脚本的第一部分来计算页眉outerHeight，它适用于任何屏幕大小，但仅适用于第一页加载(而不是实时调整大小时(。

jQuery(document).ready(function resizeHeader ($){
$('#CPOP-header').each(function(){ 
$('#CPOP-sticky-sub-menu').css({
'top' : $(this).outerHeight(true) + 'px'});
});
$(function() {
$(window).on('resize',resizeHeader);
alert($('#CPOP-header').outerHeight(true)+'px'); // works on first page load only, will remove later
});
});

然而，我希望它"；监视器"；浏览器窗口动态调整大小以避免浏览器刷新，但我不知道如何在同一脚本上绑定或合并第二部分，因为我不太熟悉javascript/jQuery:

$(function() {
$(window).on('resize',resizeHeader);
alert($('#CPOP-header').outerHeight(true)+'px'); // works on first page load only, will remove later
});

这是一个WordPress/Elementor网站，代码将插入一个HTML小部件。

任何帮助都将不胜感激！

Answer 1

如果有人在寻找类似的东西，这里是

const $ = jQuery;
function resizeHeader () {
$('#CPOP-header').each(function(){
$('#CPOP-sticky-sub-menu')
.css({'top' : $(this).outerHeight(true) + 'px'})
});
}
jQuery(document).ready(resizeHeader);
$(window).on('resize',resizeHeader);

感谢reddit的u/toi80QC抽出时间并伸出援手！