Jquery StickyHeader在JSFIDLE中工作，但在浏览器中不工作

我正在使用以下代码：

var offset=$（“.sticky header”）.offset（）；
var sticky=document.getElementById（“sticky头”）
$（窗口）。滚动（函数（）{
if（$（'body'）.scrollTop（）>offset.top）{
$（'.sticky header'）.addClass（'fixed'）；
}否则{
$（'.sticky header'）.removeClass（'fixed'）；
}
});
正文{
边际：0px；
填充：0px；
}
.清楚{
明确：两者皆有；
}
.集装箱{
高度：2000px；
}
.封面照片容器{
宽度：700px；
高度：100px；
边缘底部：20px；
背景色：红色；
}
.小盒子{
宽度：163px；
高度：100px；
边框：1px纯蓝色；
浮动：左；
}
.粘头{
宽度：700px；
高度：50px；
背景：橙色；
}
.固定{
位置：固定；
顶部：0px；
}
}

请滚动
这需要在点击屏幕顶部时修复
只是一个猜测，可能某些浏览器中的窗口/文档对象定义了一个“偏移量”，因此我们对其进行了更改，请尝试以下操作：

var myoffset = $(".sticky-header").offset();
$(window).scroll(function() {
  $('.sticky-header').toggleClass('fixed', ($('body').scrollTop() > myoffset.top));
});

只是一个猜测，可能某些浏览器中的窗口/文档对象定义了一个“偏移”，因此我们对其进行了更改，请尝试以下操作：

var myoffset = $(".sticky-header").offset();
$(window).scroll(function() {
  $('.sticky-header').toggleClass('fixed', ($('body').scrollTop() > myoffset.top));
});

这个
if（$（'body'）.scrollTop（）>offset.top）{$（'sticky header'）.addClass（'fixed'）；}其他{$（'sticky header'）.removeClass（'fixed'）；}
也可以是
$（'sticky header'）.toggleClass（$（'fixed'）.scrollTop（）>offset.top））
您可以尝试在
var sticky=document.getElementById（“sticky header”）
中添加分号，但是很多人忽略了这些分号，我有时会看到这样做会产生负面影响或期望。请注意，
sticky
从未使用过，这可能是removed@Mark我刚刚输入了一条注释，大意是
sticky
变量似乎根本不需要，所以OP可以删除它。但分号也没什么坏处：）。该示例在Windows 8.1上的Chrome 50中工作，fiddle缺少结束div标记，但这没有任何区别（fiddle以任何方式工作），以防万一……尽管最近添加的代码中有此项。我不知道全局
偏移量如何被覆盖，但是…试试看，如果（$（'body'）.scrollTop（）>offset.top）{$（'sticky header'）.addClass（'fixed'）；}否则{$（'sticky header'）.removeClass（'fixed'）；}
也可以是
$（'sticky header'）.toggleClass（'fixed'），（$（'body'））.scrollTop（）>offset.top））
您可以尝试在
var sticky=document.getElementById（“sticky header”）
中添加分号，但是很多人忽略了这些分号，我有时会看到这样做会产生负面影响或期望。请注意，
sticky
从未使用过，这可能是removed@Mark我刚刚输入了一条注释，大意是
sticky
变量似乎根本不需要，所以OP可以删除它。但分号也没什么坏处：）。该示例在Windows 8.1上的Chrome 50中工作，fiddle缺少结束div标记，但这没有任何区别（fiddle以任何方式工作），以防万一……尽管最近添加的代码中有此项。我不知道全局
偏移量
可能会被覆盖，但是…请尝试进行以下操作：