在 iframe 中更改滚动条设计时出现问题

Question

我在我的网站上使用 iframe。现在我想让 iframe 右侧的滚动不可见。我搜索了整个互联网，但我找到的所有代码都不起作用。

这是我的 iframe

<iframe src="../pages.php" width="100%" height="650px" class="gitartik"></iframe>

我试过的最后一段代码

.gitartik{
    overflow-y: scroll;
}

.gitartik::-webkit-scrollbar {
    width: 0px;
}

``

Answer 1

父框架的

CSS不能影响iframe，你必须在iframe加载的页面源中包含它。

JavaScript 父框架可以将 CSS 添加到 iframe 中的页面，如果两个页面来自同一来源（在您的示例中似乎就是这种情况）。

Answer 2

这样做首先从代码中删除下面的这一部分

.gitartik::-webkit-scrollbar {
width: 0px;
}

然后转到您的 html 并找到 iframe 例如：

<iframe src="exampleisfake.co.in">

然后如下图所示编辑iframe标签：

<iframe src="exampleisfake.co.in" scrolling=no>

如上所示添加：

scrolling=no

Problem changing scrollbar design in iframe