Javascript 重新打开幻灯片菜单后，链接不会滚动到不同的部分

我有一个幻灯片菜单，显示在较小的屏幕上，它有三个链接，指向不同的部分

问题是这些链接只有在您第一次打开幻灯片菜单时才起作用。如果你关闭它，然后再打开它，它不会去任何地方

JS代码：

function openSlideMenu() {
  document.getElementById('sideMenu').style.width = '250px';
}

function closeSlideMenu() {
  document.getElementById('sideMenu').style.width = '0';
  document.getElementById('sideMenu').onclick = function(e) {
    e.preventDefault();
  };

}

演示：

---

谢谢。

您只需删除

closeSlideMenu（）

中的函数，因为它阻止了对链接的点击，而且，由于您没有重定向到其他页面，该锚元素可以只是元素

//幻灯片菜单
函数openSlideMenu（）{
document.getElementById（'sideMenu'）.style.width='250px'；
}
函数closeSlideMenu（）{
document.getElementById（'sideMenu'）.style.width='0'；
}
window.onscroll=函数（）{
const nav=document.querySelector（'.navBar'）；
如果（window.pageYOffset>43）{
nav.style.position=“固定”；
nav.style.backgroundColor=“黑色”；
}否则{
nav.style.position=“绝对”；
nav.style.backgroundColor=“”；
}
}

html{
滚动行为：平滑；
}
身体{
字体系列：“开放式Sans”，无衬线；
溢出x：隐藏；
保证金：0；
填充：0；
}
/*导航栏的开始*/
navBar先生{
显示：网格；
高度：63px；
网格模板列：1fr 150px 1fr；
宽度：100%；
网格模板区域：“徽标中心导航栏”；
字体大小：20px；
位置：绝对位置；
排名：0；
过渡：所有0.35秒缓解；
}
.navBar.logo{
网格区域：标志；
自对准：居中；
自我辩护：开始；
左边距：6px；
}
.navBar.logo a{
颜色：淡紫色；
文字装饰：无；
字体大小：24px；
字号：500；
}
.navBar.logo a:悬停{
颜色：#4484CE；
过渡：.8s；
}
.导航链接{
网格区域：导航栏；
显示：网格；
栅隙：25px；
网格模板列：重复（3，1fr）；
自对准：居中；
自我辩护：结束；
文本对齐：居中；
}
.导航链接{
文字装饰：无；
颜色：淡紫色；
光标：指针；
字号：18px；
}
.a:悬停{
颜色：#4484CE；
过渡：0.8s；
}
/*幻灯片开始菜单*/
.openSlide{
显示：网格；
}
.打开幻灯片a{
自对准：居中；
左边距：6px；
}
.侧导航{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：黑色；
溢出x：隐藏；
填充顶部：60px；
过渡：0.5s；
不透明度：.8；
}
.侧导航a{
填充：10px 10px 10px 30px；
文字装饰：无；
字体大小：22px；
颜色：淡紫色；
显示：块；
过渡：0.3s；
}
.侧导航a:悬停{
颜色：#4484CE；
}
.sideNav.btnClose{
位置：绝对位置；
排名：0；
右：22px；
字体大小：36px；
左边距：50像素；
}
.关于{
显示：网格；
网格模板列：1fr；
网格模板区域：“中间2”；
背景色：#4484ce；
高度：450px；
对齐内容：居中对齐；
}
.产品{
背景颜色：淡紫色；
显示：网格；
对齐内容：居中对齐；
高度：400px；
背景颜色：绿色；
}
.联系方式{
背景颜色：淡紫色；
显示：网格；
对齐内容：居中对齐；
高度：400px；
}
@介质（最小宽度：769px）{
.openSlide{
显示：无；
}
}
@介质（最大宽度：769px）{
.navBar.logo{
网格区域：中心；
自对准：居中；
自我辩护：中心；
}
.导航链接{
显示：无；
}
}

欢迎
这是关于第二节的
这是产品部
这里是联络处