【问题标题】: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 和特定的 widthheight 组合再试一次。
  • 谢谢 - 但这就是标签的样子 - 宽度和高度已经存在,如果有帮助,尝试更改值,但没有:

标签: 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)

【讨论】:

    猜你喜欢
    • 2017-03-08
    • 1970-01-01
    • 2022-11-30
    • 1970-01-01
    • 1970-01-01
    • 2011-01-28
    • 2016-11-21
    • 2015-12-07
    • 1970-01-01
    相关资源
    最近更新 更多