【问题标题】:How can I make the scroll of dynamic iframe disappear when it comes from the other website?当动态 iframe 来自其他网站时,如何使滚动消失?
【发布时间】:2020-09-17 20:33:38
【问题描述】:

我正在尝试使滚动消失到 iframe。 iframe 来自另一个网站域。并且 iframe 是动态的,因此每次它都有不同的内容/输出。

**Addition:**so iframe 是动态的 /product{any number could be here} 这就是为什么很难添加固定高度。

还有例如 URL/product1 = 2000px, URL/product2 = 2300px 的高度。

我确实尝试过这段代码:

<div style="overflow:hidden;>
 <iframe src="https://www.example.com/product1"></iframe>
</div> 

<iframe src="https://www.example.com/product1" style="overflow:hidden;"></iframe>

两者都不起作用。

另外,我确实尝试过使用 scrolling="no" 属性,但不会加载整个内容。

我尝试获取 iframe 的高度,但由于它的域不同,它向我抛出了跨域框架错误。

也许有人已经经历过这种情况?谢谢。

【问题讨论】:

  • 如果您无法获得内容的实际高度,那么这只会隐藏 iframe 中在您给定的高度处可能发生的任何溢出,使其部分内容无法访问……不会听起来这很有意义吗?
  • 我无法获得实际 iframe 的高度,因为它来自不同的域,它违反了同源策略。来自 iframe 的内容也在 2000px-2300px 高度范围内,这就是它自动滚动的原因,我确实尝试过对 iframe 执行滚动 =“no”并添加 2300px 的固定高度,这样我就能看到所有内容但是对于高度为 2000 像素的 iframe,它看起来很奇怪并且有很多额外的空白。
  • 是的,我知道在这种情况下您无法获得高度(除非对方愿意帮助您。)“添加 2300px 的固定高度所以所有的内容我将能够看到它,但对于具有 2000 像素高度的 iframe,它看起来很奇怪并且有很多额外的空白” - 嗯,是的,很自然。但是几乎没有其他选择 - 要么您提供足够高的 iframe 高度开始,然后禁用滚动,并使用一些额外的空白 - 或者您使用较低的高度,并接受滚动在某些情况下是必要的案例。
  • 我明白了,我想我只需要接受额外的空白,哈哈。顺便说一句,非常感谢先生!祝你有美好的一天。

标签: html css iframe


【解决方案1】:

正常工作。它对我有用。

&lt;iframe src="&lt;&lt;URL&gt;&gt;" height="500" width="600"  scrolling="no" style="overflow: hidden"&gt;&lt;/iframe&gt;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-21
    • 1970-01-01
    • 1970-01-01
    • 2016-07-02
    相关资源
    最近更新 更多