嵌入式jsfiddle中不需要的滚动条

Question

好的，所以这看起来像是某种开始，因为我在 jsfiddle 中托管 jsfiddle，虽然在我的个人网站上效果是一样的，我已经在 IE 和 Chrome 中测试过它，所以...在结果页面上附加了滚动条，当内容足够长时，还会添加第二个滚动条，这对我来说看起来和功能都很糟糕。有人 has/seen 解决这个问题吗？

Demo

<iframe width="100%" height="300" src="//jsfiddle.net/0cb1hr52/1/embedded/result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

谢谢

这是我看到的：

Answer 1

我猜你想删除中间的滚动条。

尝试使用 scrolling="no"

Demo

Answer 2

好吧，有几件事。 1) HTML5 不完全支持 iframe，因此，您目前对滚动条的控制非常有限 2) 摆脱第二个滚动条的唯一方法是将高度定义为大于显示的文本。 3) 我的建议是写一些 Javascript 来根据正在显示的数据动态调整内容的高度，这将摆脱 overflow: scroll.

Proof that iframe is not completely supported

JsFiddle Demo (Displaying a single scroll bar using CSS NOT Javascript)

Answer 3

所以 jsfiddle 在包装器元素中呈现您的 fiddle，该元素具有自己的样式，这会导致顶级 iframe 滚动。见截图。

由于 iframe 跨源策略，并且您无法控制 jsfiddle 呈现代码的内容，因此无法更改该 iframe 的样式。也许我们应该退后一步，问问您为什么想要首先在 jsfiddle 中托管 jsfiddle。对于您的总体目标，可能有比这个问题更好的解决方案。