"clearfix" 固定位置
"clearfix" for position fixed
免责声明：我知道固定元素不会在页面流中占据它们自己的space，但我认为无论如何我都需要它。
问题：
我尝试在高度为 100vh 的网格中设置导航 当我按下触发元素时，整个网格会滑到一边，并通过在 js 中添加 class 来显示导航。我希望整个视口容器处于固定位置，但当我将其设置为 position: fixed; 时，下面的所有内容都会像默认行为一样溢出容器。
有没有办法“清除”这个溢出？
我还想用 "onscroll" 事件再次隐藏它，所以只改变背景颜色对我来说是行不通的。
一种方法是更改容器中的溢出权限，例如：
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';
}
不太确定这是否是您想要的。
免责声明：我知道固定元素不会在页面流中占据它们自己的space，但我认为无论如何我都需要它。
问题：
我尝试在高度为 100vh 的网格中设置导航 当我按下触发元素时，整个网格会滑到一边，并通过在 js 中添加 class 来显示导航。我希望整个视口容器处于固定位置，但当我将其设置为 position: fixed; 时，下面的所有内容都会像默认行为一样溢出容器。
有没有办法“清除”这个溢出？
我还想用 "onscroll" 事件再次隐藏它，所以只改变背景颜色对我来说是行不通的。
一种方法是更改容器中的溢出权限，例如：
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';
}
不太确定这是否是您想要的。