web-dev-qa-db-ja.com

react-bootstrap Modal.Bodyにスクロールを追加する方法

私は react-bootstrap modal を使用しています。

ページ全体ではなく、本文のみをスクロールする方法を教えてください。

  <Modal.Dialog>
    <Modal.Header>
      <Modal.Title>Modal title</Modal.Title>
    </Modal.Header>

    <Modal.Body>One fine body...</Modal.Body>

    <Modal.Footer>
      <Button>Close</Button>
      <Button bsStyle="primary">Save changes</Button>
    </Modal.Footer>
  </Modal.Dialog>
javascriptreactjsscrollmodal-dialogreact-bootstrap
10
Hemã Vidal

Amit answer のおかげで。

見つかったソリューション：

  <Modal.Dialog>
    <Modal.Header>
      <Modal.Title>Modal title</Modal.Title>
    </Modal.Header>

    <Modal.Body style={{'max-height': 'calc(100vh - 210px)', 'overflow-y': 'auto'}}>One fine body...</Modal.Body>

    <Modal.Footer>
      <Button>Close</Button>
      <Button bsStyle="primary">Save changes</Button>
    </Modal.Footer>
  </Modal.Dialog>
16
Hemã Vidal