【发布时间】: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 高度开始,然后禁用滚动,并使用一些额外的空白 - 或者您使用较低的高度,并接受滚动在某些情况下是必要的案例。
-
我明白了,我想我只需要接受额外的空白,哈哈。顺便说一句,非常感谢先生!祝你有美好的一天。