当用户调整浏览器大小时，将标题修复到浏览器问题的顶部

我的固定可滚动标题有一个问题，基本上它的工作方式是标题是可滚动的，一旦标题到达浏览器的顶部它然后变得固定，到目前为止这完全正常。

问题是，当用户调整浏览器高度时，为了使其正常工作，用户需要刷新页面，任何人都知道如何编辑脚本以便在用户resize后工作，我尝试使用.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(); }); 

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