iframe 隐藏滚动条

`<iframe>` 标签在 HTML 中用于嵌入另一个 HTML 文档或资源（如网页、SVG 或 PDF），默认情况下，它会显示自己的滚动条，以便用户能够浏览嵌入的内容。如果你希望隐藏`iframe`的滚动条，你可以使用 CSS 来控制其样式。以下是如何隐藏`iframe`滚动条的方法：

1. 使用 CSS `overflow` 属性：

   <iframe style="overflow: hidden;" src="your-iframe-url"></iframe>

这将会隐藏`iframe`内部的任何滚动行为。

2. 对`iframe`元素应用一个包含`::-webkit-scrollbar`和`::-webkit-scrollbar-track`的样式，以覆盖浏览器默认的滚动条样式（适用于WebKit内核的浏览器，如Chrome和Safari）：

   <iframe style="width: 100%; height: 100%;
                  overflow-y: auto;
                  scrollbar-width: none;
                  -ms-overflow-style: none; /* For IE/Edge */
                  -webkit-scrollbar: none;">...</iframe>

这里使用了`scrollbar-webkit-scrollbar: none`来隐藏滚动条，`overflow-y: auto`让内容可以垂直滚动。

请注意，不同浏览器对CSS滚动条处理可能略有差异，上述方法可能不适用于所有情况。如果你希望兼容性更好，可以考虑使用JavaScript库，如`hide-scrollbar`或`perfect-scrollbar`。