"清除固定"用于固定位置

Question

免责声明：我知道固定元素不会在页面流中占据自己的空间，但我认为我无论如何都需要它

问题：我试图将我的导航放在一个高度为100vh的网格中。当我按下触发器元素时，整个网格滑动到一边，并通过添加一个带有js的类来显示导航。我希望整个视口容器处于固定位置，但当我将其设置为position: fixed;时，下面的所有内容都会溢出容器，这是默认行为。有没有办法"；clearfix"；这个溢流？

我也想用"onscroll"事件再次隐藏它，所以我不能只更改背景颜色

Answer 1

一种方法可以是使用以下内容更改容器中的溢出权限：

someDiv{
<!---Your nav should be wrapped with this-->
position: fixed;
overflow: hidden !important;
}

然后，在你的导航中添加一个onClick，这样当访问导航时，溢出就会改变

document.getElementById('someDiv').onclick = function(){
document.getElementById('someDiv').style.overflow = 'visible';
}

不太确定这是否是你想要的。