Javascript 带scrollTop的动画div在滚动页面中丢失动画

那么，代码应该如何运行：如果您只是加载示例，然后单击左下角的“菜单”，一个新的div覆盖整个页面，另一个菜单从顶部滑动。如果再次单击该按钮，将以相反的方式显示相同的动画。很好

但是如果您将主页滚动到底部，然后再次单击菜单，它会工作，但是当您再次单击菜单按钮时，没有动画。菜单div就会消失。我怎样才能解决这个问题

menu（）；
功能菜单（nm_pagina）{
变量卷轴；
$（“#menu01”）。单击（函数（）{
如果（$（“.menu_aberto”）.css（“显示”）==“无”）{
$（“.menu_aberto”）。向下滑动（300）；
scroll=$（窗口）.scrollTop（）；
$（.miolo_relaconamentos”）.hide（）；
}否则{
$（“.menu_aberto”）.slideUp（300）；
$（'..+nm_pagina）.高度（'auto'）；
$（.miolo_relaconamentos”）.fadeIn（100）；
$（“html”）.scrollTop（滚动）；
};
});
};
*{
框大小：边框框；
}
html{
身高：100%；
}
身体{
身高：100%；
最大宽度：800px；
保证金：0自动；
}
#功能表{
最大宽度：800px；
位置：固定；
底部：0px；
宽度：100%；
显示：块；
背景色：#162F67；
高度：60px；
z指数：10；
}
#菜单菜单菜单01{
浮动：左；
宽度：25%；
字体大小：13px；
文本对齐：居中；
填充：10px0；
颜色：白色；
身高：100%；
过渡：背景色0.3s；
}
#ft#U菜单#botoes#菜单01.ico#U菜单{
颜色：白色；
字体大小：30px；
}
#ft#U菜单#菜单01：活动{
背景色：#2855B；
}
.菜单{
z指数：9；
最大宽度：800px；
位置：绝对位置；
保证金：自动；
左：0；
底部：0；
右：0；
排名：0；
显示：无；
背景：#162F67；
/*对于不支持渐变的浏览器*/
背景：-webkit线性梯度（#2855bb，#162F67）；
/*适用于Safari 5.1至6.0*/
背景：-o-线性梯度（#2855bb，#162F67）；
/*歌剧11.1至12.0*/
背景：-莫兹线性梯度（#2855bb，#162F67）；
/*适用于Firefox 3.6至15*/
背景：线性梯度（#2855bb，#162F67）；
/*标准语法*/
宽度：100%；
身高：100%；
溢出：自动；
显示：无；
}
.menu#aberto#fecha#u menu{
浮动：左；
边界：0；
背景色：透明；
利润上限：17像素；
颜色：白色；
宽度：22%；
身高：100%；
}
lista_rel先生{
保证金：10px自动0自动；
宽度：100%；
边框：1px实心#162F67；
位置：相对位置；
溢出：自动；
过渡：不透明度0.3s；
}
lista_rel：首先{
左边距：20px；
}
lista_rel.nome_empresa先生{
宽度：100%；
背景色：#162F67；
保证金：0；
字体大小：14px；
字体大小：正常；
颜色：白色；
填充：5px20px；
}
lista_rel.nome_mae先生{
宽度：100%；
背景色：#e3e5e7；
保证金：0；
字体大小：13px；
字体大小：正常；
填充：5px20px；
颜色：#525860；
}
lista_rel.Posico_empresa先生{
宽度：40px；
高度：44px；
浮动：左；
显示：块；
位置：相对位置；
}
.lista_rel.textos{
浮动：左；
宽度：计算（100%-100px）；
}
.lista_rel.textos.cnpj{
颜色：#162F67；
保证金：5px5px0；
字体大小：11px；
}
.lista_rel.textos.cnpj span{
字体大小：13px；
}
.lista_rel.textos.num_documentos{
颜色：#525860；
保证金：5px10px 5px20px；
文本对齐：右对齐；
字体大小：12px；
}
.lista_rel.box_numero{
宽度：60px；
高度：44px；
背景色：#1f4291；
浮动：对；
显示：块；
}
.列表相关框编号{
颜色：白色；
字体大小：粗体；
字体大小：22px；
文本对齐：居中；
边缘顶部：10px；
页边距底部：0；
}
.header\u mob\u 01{
保证金：0；
背景色：#162F67；
显示：块；
高度：50px；
位置：固定；
排名：0；
宽度：100%；
最大宽度：800px；
z指数：5；
}
.rlc{
背景色：白色；
高度：自动；
填充：0；
}
miolo_Relaconamentos先生{
宽度：90%；
保证金：0自动；
填充顶部：60px；
填充底部：100px；
溢出：隐藏；
}
/*#sourceMappingURL=false_code.css.map*/

同侧阴唇
Duis ut nisi
Nullam vitae:123-456-789
整数按摩

999


同侧阴唇
Duis ut nisi
Nullam vitae:123-456-789
整数按摩

999


同侧阴唇
Duis ut nisi
Nullam vitae:123-456-789
整数按摩

999


同侧阴唇
Duis ut nisi
Nullam vitae:123-456-789
整数按摩

999


同侧阴唇
Duis ut nisi
Nullam vitae:123-456-789
整数按摩

999


同侧阴唇
Duis ut nisi
Nullam vitae:123-456-789
整数按摩

999


同侧阴唇
<