如何使用JavaScript修复边栏错误

函数sidebarSticky（）{
让sidebar=document.getElementById（“sidebar”），
侧边栏高度=侧边栏.offsetTop+侧边栏.clientHeight；
函数过程（）{
让windowHeight=document.documentElement.scrollTop+window.innerHeight；
如果（窗口高度>侧边栏高度）{
sidebar.className=“粘性”；
}else if（窗口高度<侧边栏高度）{
sidebar.className=“”；
}
}
//没有滚动。。。
过程（）；
//随着滚动。。。
addEventListener（'scroll'，function（）{
过程（）；
})
}
侧边栏（）
*，
*：：之前，
*：：之后{
框大小：边框框；
}
身体{
保证金：0；
}
导航{
高度：80px；
宽度：100%；
位置：固定；
排名：0；
背景色：#000；
z指数：100；
}
#边栏{
最小高度：100%；
宽度：160px；
背景色：#ddd；
位置：绝对位置；
左：0；
}
.粘的{
位置：固定！重要；
底部：0！重要；
}

开始
中间的
终点
我的同僚们都是精英。沃鲁帕特姆，埃勒姆。

面部特征：特尼乌尔·维尼亚姆准官方特征。这是一个令人振奋的地方，是一个充满光明的地方，是一个共和国的地方，是一个完美的地方！法定代表人最低工资。我们是否可以在不动产交易的情况下，在真实的情况下进行交易？这是腐败。除了那些有权势、有尊严的人，他们都是因为拒绝劳动照明而犯罪的，还有那些临时发明人的建筑师，他们的腐败行为？Sequi，dolorem？这是一个令人愉快的故事，它是一个持续不断的故事，它是一个充满活力的故事，它包含了对建筑的追求、对建筑的实践、对建筑的热爱。在我和杜西莫斯等人的共同努力下，我将继续履行我的职责，并在必要时进行临时实习。职权范围
我的同僚们都是精英。因此，至少暂时性的最低限度的责任在于建筑设计师对发明者的指控，即腐败和过失。必要性等，在时间性疾病的治疗中，最大限度地减轻痛苦，最大限度地消除痛苦？这是一个例外，它是一句名言，是劳动的源泉！建筑设计师用相似的方法设计了一个完整的建筑，并将其设计成一个完整的建筑，使其具有独特的外观。这是一个令人振奋的地方，是一个充满光明的地方，是一个共和国的地方，是一个完美的地方！法定代表人最低工资。我们是否可以在不动产交易的情况下，在真实的情况下进行交易？这是腐败。除了那些故意破坏他人尊严的人，他们都是因为破坏了环境，破坏了当时的建筑，败坏了人们的声誉？Sequi，dolorem？软土中的铜灵丹妙药是一种持续不断的精神，它可以使人在生活中获得平等、充分的实践和不断的创新。在我和杜西莫斯等人的共同努力下，我将继续履行我的职责，并在必要时进行临时实习。真正的自愿性权利减去不可抵赖性、不可抵赖性？这是一种快速的解决方案。Nemo at，voluptate阻止了一个doloremque建筑设计师doloribus。最常见的情况是，发明者的腐败和自由原则导致了暂时性劳动中的性别歧视。Rem，非铜酸盐。在非劳动性的情况下，智者可以根据错误的原因提出建议。这是一种明确的、连续的动物行为。不动产的物质。个人简历和实习指导书。个人简历和实习指导书。例如，患有严重的借方性疾病、暂时性口误、口齿不清。小软体动物布兰迪提斯（Blanditiis libero minima mollitia enim voluptatibus Teneur voluptas）。我们的工作是合理的，我们的工作是合理的！你的名字是什么？理性、理性、理性、理性、理性、理性、理性？同侧生命是什么？当然，这是一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误。在奥迪特的地方，是否有一个不公平的理由？
尝试下面的示例代码



身体{
字体系列：“Lato”，无衬线；
}
.侧导航{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#111；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
}
.侧导航a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#818181；
显示：块；
过渡：0.3s；
}
.侧导航a:悬停{
颜色：#f1f1；
}
.sidenav.closebtn{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px；
左边距：50像素；
}
#主要{
过渡：左边距。5s；
填充：16px；
}
@媒体屏幕和屏幕（最大高度：450像素）{
.sidenav{填充顶部：15px；}
.sidenav a{字体大小：18px；}
}
侧导航推送示例
单击下面的元素打开侧面导航菜单，并将此内容向右推

☰ 打开
函数openNav（）{
document.getElementById（“mySidenav