將彈出頁面的大小設置爲所選div的大小

我打開使用window.open的新彈出頁面，並且希望將新頁面的大小設置爲特定div的相同大小，我希望我的網頁專注於此div。將彈出頁面的大小設置爲所選div的大小

比如我有這樣的結構，

<html> 
<head></head> 
<body> 
    <div id="main"> 
     <div id="top"></div> 
     <div id="bottom"></div> 
    </div> 
</body> 
</html>

當我打開我的新彈出的頁面中，我想新的窗口只顯示div與id=top

我能做到這一點計算的DIV大小和滾動頁面到div我想，我想問問是否有更簡單的方法。

感謝您的時間

來源

2013-10-03 Gokhan Arik

var divHeight = $("#top").height(); 
var divWidth = $("#top").width(); 

var w=window.open('','', 'width=0,height=0'); 
w.resizeTo(divWidth, divHeight); 
w.focus();

這裏的演示：http://jsfiddle.net/deepakpmishra/KaAas/3/

調整結果窗口，在彈出的窗口大小的變化。

編輯

您可以調整股利以適合窗口，但不能做它周圍的其他方式。

需要在popup中創建的div，其尺寸應該是預定義的。這樣彈出的窗口大小和div大小可以是相同的大小。使top div適合彈出窗口中的屏幕。

#top 
{ 
width: 100%; 
height: 100%; 
}

並在創建彈出窗口時指定合適的大小。比方說，

var w=window.open('','', 'width=100,height=200');

你必須在彈出的使用$("#top").focus爲重點的股利。彈出窗口包含您在問題中提供的html代碼的地址。

來源

2013-10-03 17:05:30 Sorter

我在做類似的事情，你有任何關於如何專注於特定的div的想法嗎？新頁面與舊頁面相同。我只想顯示'top' div。大小是可以的，但我希望它也專注於這個div。 –

CSS可以幫助你，並給彈出一個合適的大小。 – Sorter

將彈出頁面的大小設置爲所選div的大小

回答

相關問題