javascript - 在 ReactJS 中，使用 Reactstrap，我希望我的警报停留在它开始的屏幕上的同一个位置

Question

这是我的提醒:

<MobileView>
  <UncontrolledAlert color="danger" fade={false}>
    <h4>
      This page is not optimized for mobile.
      <br/>
      Please view on a desktop device.
    </h4>
  </UncontrolledAlert>
</MobileView>

但是当用户滚动时，警报会移动。我希望它留在原地。

这是我能找到的关于 alert 的最佳文档 https://github.com/reactstrap/reactstrap/blob/master/src/Alert.js

Answer 1

我会做 <Alert style={{position: 'fixed'}}/>

例如:https://jsfiddle.net/boe16gLr/