【问题标题】:Scroll not applied when height of the window decreases窗口高度减小时不应用滚动
【发布时间】:2021-08-05 18:16:30
【问题描述】:

我正在尝试构建一个响应式模态并且当窗口高度减小时无法调整模态的高度。
内容在窗口下方滑动,滚动条也没有调整到窗口高度。 我有一个嵌套的 div 结构,这会搞砸一切。

内容仍然是相同的高度并包裹在 :(

密码沙盒链接-
https://codesandbox.io/s/friendly-sara-kpk9c?file=/src/Components/Modal.css

很久以来一直坚持这一点...在此先感谢!

【问题讨论】:

  • 嘿。要处理这种情况,您需要在窗口上监听resize 事件。
  • 它是因为 modal 会在打开时删除滚动属性,如果需要,您需要将其删除,但通常屏幕高度不会这么小

标签: html css material-ui frontend


【解决方案1】:

您需要设置最大高度:100vh;到 .ModalSection2 类。 这是工作示例:https://codesandbox.io/s/async-monad-xie2p?file=/src/Components/Modal.css:1653-1666

【讨论】:

  • 太棒了!但是 .ModalSection1 我猜也需要同样的
猜你喜欢
  • 2012-02-09
  • 1970-01-01
  • 2017-08-31
  • 2013-11-12
  • 1970-01-01
  • 1970-01-01
  • 2016-03-21
  • 2013-01-27
  • 1970-01-01
相关资源
最近更新 更多