菜单位置相对于介质查询的文档高度

Menu position relative to document height with media query

本文关键字：文档 高度 查询 介质 位置 相对于 菜单      更新时间：2023-09-26

我用javascript修改菜单的css。我尽量避免"溢出：滚动"。

  1. 当菜单的内容高度小于文档高度时，菜单的"位置：固定"。

  2. 否则，我设置"位置：绝对"，并将高度设置为文档高度。它按我的意愿工作。

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

您无法使用CSS检查内容的高度。如果您可以在要切换的位置提供数字高度，但无法比较内容高度和文档高度，则可以创建断点。

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

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

相关文章：