2013-08-21 104 views
8

我想在我的iframe中添加滚动条。以下是我的代码。如何在iframe中添加滚动条

<iframe src="http://www.w3schools.com" width="1349px" height="100%" scrolling="auto"> 

</iframe> 

我在Drupal 7写这个。问题是它不显示带滚动条和边框的iframe。早些时候,我只是简单地设置了没有宽度和高度的源代码和滚动选项,它显示了带滚动条的iframe,但是在添加宽度和高度后,它消失了。

感谢

+0

我已改变我的回答对滚动和边境出现 –

回答

16

scrolling="yes",也frameborder不是有效的HTML5了属性。它们不能在允许的属性列表中找到,请参阅:W3C: 4.7.6. The iframe elementMDN: <iframe>

使用CSS来代替:

iframe { 
    overflow: scroll; 
    width: 1349px; 
    height: 100%; 
    border: 1px solid black; 
} 

但实际上,如果需要的话所有的浏览器显示滚动条的时候了。

演示

Try before buy

+0

但是为什么这个水平滚动条在这里被禁用? – bsm

+1

@bsm看起来它在所有浏览器中都很常见(我实际上并未测试IE),如果不需要,它们不会显示'