在横向模式下使 div 在 Y 中可滚动[关闭]

Question

我的应用中的通知容器出现此问题。当在设备中以横向模式访问站点时，通知内容会被裁剪。如果我使用overflow:auto，则滚动根本不起作用。

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

Answer 1

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

您的高度应该是屏幕高度减去标题。您可以使用高度 + 计算运算符。

例如：

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