使用媒体查询相对于文档高度的菜单位置

Question

我用javascript修改菜单的CSS。我试图避免从＆＃34;溢出：滚动＆＃34;。

1. ＆＃34;职位：固定＆＃34;当菜单的内容高度小于文档高度时的菜单。

2. 我设置＆＃34;位置：绝对＆＃34;并将高度设置为文档高度。它的工作原理如我所愿。

是否可以仅使用@media查询执行此操作？ 感谢

Answer 1

您无法使用CSS检查内容的高度。如果你可以给你想要切换的数字高度，你可以创建一个断点，但你不能比较你的内容高度和文档高度。

div{
  position: absolute;
  height: 100%;
}
@media (max-height: 300px){ //Has to be a set number
  position: fixed;
  height: 300px;
}

看，它需要是一个固定的数字。