包裹iframe

Question

我有一个带有建议的iframe和输入字段。 建议项目列表在js中创建，并带有以下参数：

{
  borderRadius : '2px',
  boxShadow : '3px 4px 8px #DDDDDD',
  background : '#fff',
  border : '#aaa 1px solid',
  fontSize : '12px',
  padding : '2px',
  textAlign : 'left',
  position : 'absolute'
}

它的工作正常但列表不太长：现在我看到图片上显示的内容： 建议列表比iframe长。

所以问题是：如何让这个列表显示在iframe上？

Answer 1

你不能。

您可以做的是将iframe文件的内容注入主页面。看看这个：http://api.jquery.com/load/只有当页面在同一个域中时它才会起作用。然后只需将div而不是iframe和.load放入其中。

Answer 2

iframe就像一个嵌入式窗口，其中的所有内容都显示在其中。 解决方法就像为列表指定一个明确的高度并在其中添加overflow属性，以便列表将显示在iframe内，但会有一个滚动条。