当用户调整浏览器大小时，修正浏览器问题顶部的问题

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

DEMO

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

当变化的高度必须更新偏移