【问题标题】:React js Modal scroll along with body? [closed]React js Modal滚动与正文一起? [关闭]
【发布时间】:2022-09-25 17:24:26
【问题描述】:

目前我正在研究模态。如果内容超出其高度,则基本上正常的 Modal 会滚动其内容,但我需要的是,不是滚动浏览它的内容,而是滚动查看端口。我应该怎么办?

    标签: reactjs


    【解决方案1】:

    不要使用固定的定位,让模态框占据它需要的所有空间。将此视为<div>,它将“向下推”页面,因此出现滚动条。这样,模态大小将永远不会受到限制,并且不会在其中滚动。

    关于模态的定位,您可以使用:

    • margin: 0 auto 居中
    • max-width 所以它不会触及左/右边界
    • margin 所以它在顶部/底部创建空间

    【讨论】:

      猜你喜欢
      • 2022-12-09
      • 1970-01-01
      • 2019-06-26
      • 2015-04-22
      • 2019-08-26
      • 2021-08-01
      • 1970-01-01
      • 1970-01-01
      • 2022-12-11
      相关资源
      最近更新 更多