在横向模式下使 div 可在 Y 方向滚动

Question

我的应用程序中的通知容器出现了这个问题。当在横向模式的设备中访问该站点时，通知内容会被裁剪。如果我使用 overflow:auto 卷轴根本不起作用。

所以我正在寻找一种方法，使 div 在横向模式下使用时可滚动。任何帮助将不胜感激。

Answer 1

此示例中的溢出仅在您具有定义的高度时有效。例如 max-height: 100%; 或 height: 100vh;.

您的身高应为屏幕高度减去 header。您可以使用高度 + 计算运算符。

例如：

max-height: calc(100% - 50px);  
overflow: auto;