Javascript 页面重新加载后的固定导航问题

在我的示例中，如果文档向下滚动了一定量，则嵌入在标题中的导航应该固定在浏览器窗口的顶部

到目前为止，等效脚本仍然有效，但在firefox和chrome（但在edge和IE11中没有）中显示了以下问题：

如果文档向下滚动且导航已固定，然后按下浏览器的“重新加载”按钮或F5键，或者当我离开页面然后返回时，导航将保持固定

我已经尝试在每次加载事件中删除“.fixed”-类，但它当然不会生效，因为没有真正的加载

我认为这种行为只能在单独的文件中重现

有人对我如何解决这个问题有什么建议吗

var报头、导航、导航顶部、垂直位置；
函数固定值_nav（）{
“严格使用”；
verticalpos=window.pageYOffset；
如果（垂直位置>=导航顶部）{
setAttribute（'class'，'fixed'）；
}否则{
资产净值删除属性（“类别”）；
}
}
函数init（）{
“严格使用”；
header=document.getElementsByTagName（'header'）[0]；
nav=header.getElementsByTagName（'nav'）[0]；
navtop=nav.getBoundingClientRect（）.top；
}
addEventListener（'load'，init，false）；
window.addEventListener（'scroll'，固定导航，false）
*{
填充：0px；
边际：0px；
}
标题{
高度：15雷姆；
背景颜色：浅粉色；
}
导航{
身高：5雷姆；
背景颜色：浅蓝色；
}
主要{
背景色：浅色鲑鱼；
显示：块；
/*IE 11*/
}
div{
最大宽度：25雷姆；
背景色：rgba（0,0,0,0.2）；
保证金：自动；
}
标题>div{
高度：10雷姆；
}
导航>分区{
身高：100%；
}
主>分区{
填充：2rem 0rem 2rem 0rem；
}
部分{
填充：0rem 2rem 0rem 2rem；
}
h2，
p:非（：类型的最后一个）{
保证金：自动自动2rem自动；
}
.固定{
位置：固定；
顶部：0rem；
宽度：100%；
变换：translate3d（0,0,0）；
/*翻译黑客*/
}

固定的
同侧阴唇
Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium
奎斯，扫描电镜。这是一个很好的例子。Donec pede justo、fringilla vel、aliquet nec、vulputate eget、arcu。在埃尼姆·胡斯托、朗卡斯·乌特、伊佩拉、维尼那提斯·维塔、胡斯托。猫咪的口头禅是一种很好的口头禅。整数tincidunt。克拉斯
达皮布斯。万岁。埃尼安·沃普塔特·埃利芬德·泰勒斯。埃尼安·利古拉、波特提托·欧盟、康塞卡特·维泰、埃利芬德·ac、埃尼姆。阿利奎姆·勒姆·安特、达比布斯·安特、维韦拉·奎斯、费吉亚·阿泰勒斯。维维拉水母
老里特葡萄。奎斯克·鲁特罗姆。埃涅亚饮食。奥古斯一世。乌兰科乌尔里西斯库拉比图尔酒店。南乙对。艾蒂安·朗库斯。我的朋友们，我的朋友们，我的朋友们，我的朋友们
扫描电镜观察到了同侧。Nam quam nunc，blandit vel，luctus pulvinar，hendrerit id，lorem。这是一个非常重要的时刻。不要为威尼斯人的自由而浪费生命。纳拉姆·奎斯·安特。我坐在那里，或者我坐在那里。
杜伊斯·利奥。塞德·弗林斯·莫里斯坐在阿梅特·尼布旁边。大矢状背根。这是一个好消息，利奥·埃吉特·比本杜姆·索达莱斯，奥古斯·维利特·库苏斯·努克

Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium
奎斯，扫描电镜。这是一个很好的例子。Donec pede justo、fringilla vel、aliquet nec、vulputate eget、arcu。在埃尼姆·胡斯托、朗卡斯·乌特、伊佩拉、维尼那提斯·维塔、胡斯托。猫咪的口头禅是一种很好的口头禅。整数tincidunt。克拉斯
达皮布斯。万岁。埃尼安·沃普塔特·埃利芬德·泰勒斯。埃尼安·利古拉、波特提托·欧盟、康塞卡特·维泰、埃利芬德·ac、埃尼姆。阿利奎姆·勒姆·安特、达比布斯·安特、维韦拉·奎斯、费吉亚·阿泰勒斯。维维拉水母
老里特葡萄。奎斯克·鲁特罗姆。埃涅亚饮食。奥古斯一世。乌兰科乌尔里西斯库拉比图尔酒店。南乙对。艾蒂安·朗库斯。我的朋友们，我的朋友们，我的朋友们，我的朋友们
扫描电镜观察到了同侧。Nam quam nunc，blandit vel，luctus pulvinar，hendrerit id，lorem。这是一个非常重要的时刻。不要为威尼斯人的自由而浪费生命。纳拉姆·奎斯·安特。我坐在那里，或者我坐在那里。
杜伊斯·利奥。塞德·弗林斯·莫里斯坐在阿梅特·尼布旁边。大矢状背根。这是一个好消息，利奥·埃吉特·比本杜姆·索达莱斯，奥古斯·维利特·库苏斯·努克

Lorem ipsum dolor sit amet，是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium
奎斯，扫描电镜。这是一个很好的例子。Donec pede justo、fringilla vel、aliquet nec、vulputate eget、arcu。在埃尼姆·胡斯托、朗卡斯·乌特、伊佩拉、维尼那提斯·维塔、胡斯托。猫咪的口头禅是一种很好的口头禅。整数tincidunt。克拉斯
达皮布斯。万岁。埃尼安·沃普塔特·埃利芬德·泰勒斯。埃尼安·利古拉、波特提托·欧盟、康塞卡特·维泰、埃利芬德·ac、埃尼姆。阿利奎姆·勒姆·安特、达比布斯·安特、维韦拉·奎斯、费吉亚·阿泰勒斯。维维拉水母
老里特葡萄。奎斯克·鲁特罗姆。埃涅亚饮食。奥古斯一世。乌兰科乌尔里西斯库拉比图尔酒店。南乙对。艾蒂安·朗库斯。天妇之灵，泰勒斯·埃吉特调味品朗卡斯，塞姆·夸姆·森佩尔·利伯罗，坐在阿梅特·阿迪皮斯旁边