Javascript 标题滚动后的粘性导航

我不明白这为什么不起作用。我试图让这个导航粘贴到顶部一旦用户已经滚动了标题的高度

有JSFIDLE，它正在做我想做的事情，但是当我将代码复制并粘贴到文档中时，nav并没有变得固定

任何帮助都将不胜感激

谢谢

var mn=$（“.nav”）；
mns=“导航已滚动”；
hdr=$（'header'）.height（）；
$（窗口）。滚动（函数（）{
if（$（this）.scrollTop（）>hdr）{
mn.addClass（mns）；
}否则{
移除类（mns）；
}
});
标题{
背景：url（“images/main banner.jpg”）；
背景尺寸：封面；
高度：940px；
位置：固定；
排名：0；
宽度：100%；
}
.导航，
.集装箱{
位置：相对位置；
}
.导航滚动，
标题{
位置：固定；
排名：0；
宽度：100%；
}
.默认背景{
背景：#ffffff；
背景：url（“images/body bg.jpg”）；
位置：相对位置；
溢出：隐藏；
}
.导航{
背景：url（“images/nav bg.png”）；
高度：87px；
-webkit盒阴影：0 5px 10px 0 rgba（50,50,50,0.20）；
-moz盒阴影：0 5px 10px 0 rgba（50,50,50,0.20）；
盒影：0 5px 10px 0 rgba（50,50,50,0.20）；
z指数：150；
}
.集装箱{
宽度：1200px；
保证金：0自动；
}

你好
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·弗林蒂利亚，波尔蒂托·佩伦茨克的珀鲁斯，埃拉·阿库·廷西蒙特·迪亚姆，萨皮恩的达皮布斯·福西布斯·利奥·莫里斯。在针叶或车辆中。Vivamus massa neque，设施eu felis ut，
尼西康伐利亚酒店。Nam elementum tellus vitae孕妇发酵液。纳勒姆和利奥。整数ut euismod lorem，在lacus的位置。库拉比图尔·比本杜姆（Curabitur bibendum）是一个商业区。这是一个很小的问题。南维他
弗林尼利亚·尼布。他是一个很好的朋友

普雷森特欧盟埃尼姆非马萨佩伦茨克洛博蒂斯。在射手座多洛。无按摩的阿利夸。这是一个很好的例子，包括孕妇、调味品和调味品、威尼斯人和多洛人。酒后驾车
elit bibendum，在ullamcorper leo ultricies。紫荆花位于前庭的中间

这是一个自然的社会，是一个产期不长的国家。在iaculis pharetra odio中，坐着的是一位杰出的设施专家，他是一位真正的同侧三体专家。请不要把它放在一边。Praesent非purus碳酸钠，
我的生命，狮子座。这是一种生命的精华。做一个按摩、一个按摩、一个按摩、一个按摩。人马是最聪明的，坐在那里的是一只不安分的乌龟。艾蒂安·希特·阿梅特
前舌苔，秃鹫爱神ac，鹿蹄草。埃涅·康瓦利斯（Aenean convallis ante purus），ac bibendum orci laoreet ac.Donec a convallis mauris。非空白非同侧颞前。在hac habitasse Plateum，一句名言。Aenean位于同侧外阴，矢状位
酒后驾车。Nam eget sodales orci。nisl Pellentsque的Aliquam pharetra nunc，nec fringilla enim iaculis

Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·弗林蒂利亚，波尔蒂托·佩伦茨克的珀鲁斯，埃拉·阿库·廷西蒙特·迪亚姆，萨皮恩的达皮布斯·福西布斯·利奥·莫里斯。在针叶或车辆中。Vivamus massa neque，设施eu felis ut，
尼西康伐利亚酒店。Nam elementum tellus vitae孕妇发酵液。纳勒姆和利奥。整数ut euismod lorem，在lacus的位置。库拉比图尔·比本杜姆（Curabitur bibendum）是一个商业区。这是一个很小的问题。南维他
弗林尼利亚·尼布。他是一个很好的朋友

Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·弗林蒂利亚，波尔蒂托·佩伦茨克的珀鲁斯，埃拉·阿库·廷西蒙特·迪亚姆，萨皮恩的达皮布斯·福西布斯·利奥·莫里斯。在针叶或车辆中。Vivamus massa neque，设施eu felis ut，
尼西康伐利亚酒店。Nam elementum tellus vitae孕妇发酵液。纳勒姆和利奥。整数ut euismod lorem，在lacus的位置。库拉比图尔·比本杜姆（Curabitur bibendum）是一个商业区。这是一个很小的问题。南维他
弗林尼利亚·尼布。他是一个很好的朋友

普雷森特欧盟埃尼姆非马萨佩伦茨克洛博蒂斯。在射手座多洛。无按摩的阿利夸。这是一个很好的例子，包括孕妇、调味品和调味品、威尼斯人和多洛人。酒后驾车
elit bibendum，在ullamcorper leo ultricies。紫荆花位于前庭的中间

Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·弗林蒂利亚，波尔蒂托·佩伦茨克的珀鲁斯，埃拉·阿库·廷西蒙特·迪亚姆，萨皮恩的达皮布斯·福西布斯·利奥·莫里斯。在针叶或车辆中。Vivamus massa neque，设施eu felis ut，
尼西康伐利亚酒店。Nam elementum tellus vitae孕妇发酵液。纳勒姆和利奥。整数ut euismod lorem，在lacus的位置。库拉比图尔·比本杜姆（Curabitur bibendum）是一个商业区。这是一个很小的问题。南维他
弗林尼利亚·尼布。他是一个很好的朋友

普雷森特欧盟埃尼姆非马萨佩伦茨克洛博蒂斯。在射手座多洛。无按摩的阿利夸。这是一个很好的例子，包括孕妇、调味品和调味品、威尼斯人和多洛人。酒后驾车
elit bibendum，在ullamcorper leo ultricies。紫荆花位于前庭的中间

Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·弗林蒂利亚，波尔蒂托·佩伦茨克的珀鲁斯，埃拉·阿库·廷西蒙特·迪亚姆，萨皮恩的达皮布斯·福西布斯·利奥·莫里斯。左舷交通工具