當用戶調整瀏覽器大小時，修正瀏覽器問題頂部的問題

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(); 
}); 

當變化的高度必須更新偏移