修复了用户调整浏览器大小时将页眉置于浏览器顶部的问题

Question

我的固定可滚动标题有问题，基本上它的工作方式是标题是可滚动的，一旦标题到达浏览器顶部，它就会被修复，到目前为止，这一切都很好。

问题是，当用户调整浏览器高度时，为了使其正常工作，用户需要刷新页面，任何人都知道我如何编辑脚本以便在用户调整大小后工作，我尝试使用.resize，但我的代码无法正常工作。

以下是工作代码的一部分：http://jsfiddle.net/c9cbvj58/2/

这是我使用.resize编辑的代码：这不起作用，但我添加了这个来展示我所做的。

jQuery(document).ready(function($) {
var elementPosition = $('header').offset();
var fixFunction = $(window).scroll(function(){
    if($(window).scrollTop() > elementPosition.top){
        $('header').addClass("stick");
    } else {
        $('header').removeClass("stick");
    }    
});
$(window).bind('resize', function() {
    fixFunction();
}).trigger('resize');
});

感谢

Answer 1

演示

$(window).resize(function(){
    elementPosition = $('header').offset();
});

更改时，高度必须更新偏移