好吧,所以这可能看起来像某种开头,因为我在jsfiddle中托管jsfiddle,虽然在我的个人网站上效果是一样的,我已经在IE和Chrome中测试过了,所以... On结果页面附有滚动条,当内容足够长时,第二个也被添加,这看起来和功能对我来说真的很糟糕。有没有人看到过这个问题?
<iframe width="100%" height="300" src="//jsfiddle.net/0cb1hr52/1/embedded/result" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
由于
这是我看到的:
答案 0 :(得分:1)
因此,jsfiddle在包装元素中呈现您的小提琴,该元素具有自己的样式,这会导致顶层iframe滚动。见截图。
由于iframe交叉来源政策,并且因为你无法控制jsfiddle呈现你的代码,所以无法改变那个iframe的风格。也许我们应该退一步问你为什么要在一个jsfiddle中托管一个jsfiddle jsfiddle首先。对于您的总体目标,可能有一个比这个问题更好的解决方案。
答案 1 :(得分:0)
答案 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)