如何使用纯javascript在show-hide-div中插入平滑转换

当固定菜单出现时，如何插入平滑过渡

我正在使用属性转换，但它不起作用

我做错了什么

window.addEventListenerscroll，functionevent{ var-pos； var menu_mobile=document.getElementByIdmenu_mobile； scrollPos=window.scrollY； 如果位置>108{ menu_mobile.style.display=初始； menu_mobile.style.transform=translateY0%； menu_mobile.style.top=0； menu_mobile.style.transition=所有0.3秒； } ifpos<108{ menu_mobile.style.display=无； } }，假； .移动菜单{ 显示：无； 宽度：100%； 位置：固定； 背景：ff008a； z指数：99； 转化：translateY-240%； 过渡：均为0.3秒； -webkit转换：所有0.3； } 奥克斯先生{ 高度：1500px； 背景：灰色； } 文本文本文本 无法转换显示属性。您希望改为使用不透明度，但这可能会根据页面布局的其余部分产生布局问题，因为不透明度为0的元素；仍将占用页面上的空间

window.addEventListenerscroll，functionevent{ var-pos； var menu_mobile=document.getElementByIdmenu_mobile； scrollPos=window.scrollY； 如果位置>108{ menu_mobile.style.opacity=1； menu_mobile.style.transform=translateY0%； menu_mobile.style.top=0； menu_mobile.style.transition=所有0.3秒； } ifpos<108{ menu_mobile.style.opacity=0； } }，假； .移动菜单{ 不透明度：0； 宽度：100%； 位置：固定； 背景：ff008a； z指数：99； 转化：translateY-240%； 过渡：均为0.3秒； -webkit转换：所有0.3； } 奥克斯先生{ 高度：1500px； 背景：灰色； } 文本文本文本

---

感谢使用不透明度而不是显示的提示。我真的不知道，哈哈