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

时间:2015-05-21 16:03:10

标签: javascript css jsfiddle

好吧,所以这可能看起来像某种开头,因为我在jsfiddle中托管jsfiddle,虽然在我的个人网站上效果是一样的,我已经在IE和Chrome中测试过了,所以... On结果页面附有滚动条,当内容足够长时,第二个也被添加,这看起来和功能对我来说真的很糟糕。有没有人看到过这个问题?

Demo

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

由于

这是我看到的: enter image description here

3 个答案:

答案 0 :(得分:1)

因此,jsfiddle在包装元素中呈现您的小提琴,该元素具有自己的样式,这会导致顶层iframe滚动。见截图。

enter image description here

由于iframe交叉来源政策,并且因为你无法控制jsfiddle呈现你的代码,所以无法改变那个iframe的风格。也许我们应该退一步问你为什么要在一个jsfiddle中托管一个jsfiddle jsfiddle首先。对于您的总体目标,可能有一个比这个问题更好的解决方案。

答案 1 :(得分:0)

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

尝试使用scrolling="no"

Demo

答案 2 :(得分:0)

好的一些事情。 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)