如何从 iframe 中删除滚动（尝试过“溢出：隐藏”和“滚动：否”）？答案

【问题标题】：How to remove scrolling from iframe (have tried "overflow: hidden" and "scrolling: no")?如何从 iframe 中删除滚动（尝试过“溢出：隐藏”和“滚动：否”）？
【发布时间】：2020-08-22 14:01:07
【问题描述】：

在 wordpress shapely-theme 小部件中：正在嵌入 iframe，尝试了 css: iframe {overflow:hidden} 并检查了标签中是否存在属性 'scrolling:"no" '。尽管如此，所有 iframe 上的垂直滚动条。甚至在 javascript 中尝试了一个循环，将属性添加到 iframe（如果 wordpress 出于某种原因摆脱了它们），仍然没有帮助。

任何想法如何摆脱滚动条？

【问题讨论】：

你试过这两者的结合吗？
是的 - 同时尝试两个，然后一次一个。
在iframe 标记（首选）或 CSS 选择器上使用 overflow: hidden;、scrolling: no 和特定的 width 和 height 组合再试一次。
谢谢 - 但这就是标签的样子 - 宽度和高度已经存在，如果有帮助，尝试更改值，但没有：

标签： html wordpress iframe scroll vertical-scrolling

【解决方案1】：

这是由于 wordpress 或 shapely-template 中的某些内容造成的 - 我注意到保存后，它总是从 iframe-tag 中删除滚动属性，尽管当我复制它或在保存之前对其进行编辑时它总是在那里.

因此不得不退回到文档末尾的自定义 HTML-widget，并在页面呈现后向所有 iframe 添加了属性“scrolling: no”的超时函数。一个非常脆弱的解决方法，因此可能会更改模板并尝试另一个。还要看看是不是wordpress的东西。

setTimeout(function(){

var epis = document.getElementsByTagName("iframe")
for (var i = 0; i < epis.length; i++){epis[i].setAttribute("scrolling", "no")}

}, 2000)

【讨论】：