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

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

我目前在用作团队选项卡的 SPFX webpart 中显示一个 sharepoint 网页。页面显示不正确。大量空白被拉伸或添加了不在我想要显示的页面上的空白。 webpart 还添加了一个我不想要的额外滚动条，我怀疑它与空白有关。如何删除多余的空格并删除多余的滚动条。我添加了图像来支持您对问题的看法。这是我的渲染函数。

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

Extra scrollbar Extra whitespace

解决方法

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

当您在用作团队选项卡的 SPFX webpart 中显示 sharepoint 网页时，您只会看到一个 scoll 栏。请检查此 docs？