Javascript 如何通过在主div上创建滚动条修复全屏覆盖

我有一个全屏覆盖，一旦点击一个按钮就会激活。当叠加在单击后消失时，滚动条会出现，然后立即消失，从而在应用程序中快速切换

我正在使用“复制到剪贴板”和样式化组件

我想既然

是父div，我会设计它的样式，但是它把所有的东西都扔掉了，这样做并不直接，因为它是一个从react copy到剪贴板的预制组件

以下是我的组件代码：

return (
      <CopyToClipboard text={background} onCopy={this.changeCopyState}>
        <MainColorBox style={{ background }}>
          <CopyOverlay show={copied} style={{ background }} />
          <CopyMessage show={copied}>
            <h1>Copied!</h1>
            <p text={isLightColor}>{background}</p>
          </CopyMessage>
          <div className='copy-container'>
            <BoxContent>
              <span text={isDarkColor}>{name}</span>
            </BoxContent>
            <CopyBtn text={isLightColor}>Copy</CopyBtn>
          </div>
          {showLink && (
            <Link to={moreUrl} onClick={e => e.stopPropagation()}>
              <SeeMoreBtn text={isLightColor}>MORE</SeeMoreBtn>
            </Link>
          )}
        </MainColorBox>
      </CopyToClipboard>
    );

添加

position:fixed;
top: 0px;
left: 0px;

应该解决这个问题

---

希望这能有所帮助

谢谢，但一切都没有改变。这个问题仍然存在。

position:fixed;
top: 0px;
left: 0px;