React Model粘性标头

时间:2019-06-03 06:29:57

标签: javascript html css reactjs modal-dialog

我正在使用react-model npm软件包

这是我的codepen的链接 如果您检查是否有按钮关闭模式,我想让该按钮粘住

<button onClick={this.handleCloseModal}>Close Modal</button>

按钮不应滚动显示文字 enter image description here

1 个答案:

答案 0 :(得分:1)

您可以使用position: sticky来实现。

我已经用className为sticky的div包裹了按钮,请注意,粘性位置必须具有top的值。

签出此密码笔 https://codepen.io/anon/pen/xNMLpZ