时间戳

首页 > 解决方案 > 如何摆脱包含 iframe 的 SPFX 选项卡中的双滚动条

html - 如何摆脱包含 iframe 的 SPFX 选项卡中的双滚动条

问题描述

我目前在作为团队选项卡的 SPFX Web 部件中显示一个共享点网页。页面显示不正确。很多空白被拉伸或添加了我想要显示的页面上没有的空白。webpart 还添加了一个我不想要的额外滚动条，我怀疑它与空白有关。如何删除多余的空格并删除多余的滚动条。我添加了图像以支持您对问题的看法。这是我的渲染功能。

    public render(): React.ReactElement<ISpfxTabPageViewerProps> {
    return (
      <Iframe url= {this.state.siteName}
      height="100%"
      width="100%"/>
    );
  }

额外的滚动条 额外的空白

标签： htmlreactjsvisual-c++microsoft-teamsspfx

解决方案

复制评论中的答案以便更好地理解。

当您在作为团队选项卡的 SPFX webpart 中显示共享点网页时，您只会看到一个 scoll bar。请检查此文档？

推荐阅读