javascript - 包裹 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 就像一个嵌入式窗口，其中的所有内容都显示在其中。一种解决方法就像为列表指定一个确定的高度并在其中添加溢出属性，以便列表将显示在 iframe 内但会有一个滚动条。