Question

我想知道是否可以将IFrame浮出浏览器？是否可以将IFrame拖出浏览器？

我的想法是我的html \ js应用程序就像一个任务栏，我希望Iframes能够在浏览器之外的其他程序的顶部拖动。

感谢， DOR。

Answer 1

我见过的唯一可以做到这一点的应用是AIR。也就是说，如果您知道网址，则可以执行edge detection并在新窗口中打开iframe内容

jsFiddle 并伴随DEMO - 一如既往window.open假设您允许来自网站的弹出窗口

使用jQuery UI draggable：

$("#container").draggable({
  drag: function(event, ui) {
    var offsetXPos = parseInt( ui.offset.left );
    var offsetYPos = parseInt( ui.offset.top );
    $("#coord").text(offsetXPos+'x'+offsetYPos);
    if (offsetXPos===0 || offsetYPos===0) { // be careful with <= since it may trigger many windows
      $("#container").hide();
      window.open('http://msn.com','_blank');
    }
  }
});

<div id="container">
    <div id="handle">Drag me <span id="coord"></span></div>
    <iframe src="http://msn.com/" frameborder=no></iframe>
  </div>
</div>

#container { left:100px; top:100px; width:500px }
#handle { border:1px solid black; height:40px, width:100%; background-color:lightblue; cursor:move; pointer:move}
iframe { width:100%; border:0 }

Answer 2

不，但您可以添加javascript来启动弹出窗口（可以从服务器重新加载iframe）并从当前文档中删除iframe。

是否可以将IFrame浮出浏览器？

2 个答案: