从内容编辑器/页面查看器 Webpart 中删除滚动条

Posted 2023-03-27

【中文标题】从内容编辑器/页面查看器 Webpart 中删除滚动条

【英文标题】：Removing scrollbars from Content Editor/Page Viewer Webpart

【发布时间】：2010-09-26 23:27:36

【问题描述】：

我正在尝试在另一个 SharePoint webpart 页面中显示 html 页面。

我使用了开箱即用的页面查看器 Web 部件，但页面查看器 Web 部件在其中显示了一个禁用的滚动条。

我也尝试过使用带有 IFRAME 标签的内容编辑器 Web 部件，但还是不行。

这是我在内容编辑器 webpart 中使用的代码。

<iframe name="Iframe" src="URL1" scrolling="no"
    FRAMEBORDER="0" style="width:100%; border:0;  height:100%; overflow:hidden;">
</iframe>

【参考方案1】：

"width:100%;height:100%" 可能是罪魁祸首。使 iframe 的大小大于框架窗口。也尝试使用 scrolling="no"

【参考方案2】：

我使用 Web 捕获 Web 部件而不是页面查看器 Web 部件获得了最佳结果。

确保您的内容没有定义大小（因此它在较小的框架中流动），然后调整网络捕获部分的大小，直到滚动条消失。

干杯， 里夫斯

【参考方案3】：

在您的样式表上使用它：

#s4-workspace 

   overflow-y: hidden !important;

   overflow-x: hidden !important;

【讨论】：

在我的情况下，我必须针对显示滚动条的右侧 CEWP 指定特定 ID #WebPartWPQ2，但您的 CSS 完成了这项工作。谢谢。

这是了不起的。一个令人讨厌的“问题”的可爱解决方案。