2011-09-23 59 views
0

如果使瀏覽器窗口變大,所有div水平改變位置。有沒有辦法防止這種情況發生?任何幫助不勝感激。彈出的位置

感謝

回答

1

我看到你在頁面上使用jQuery,你爲什麼不試試jQuery UI的位置實用程序:

http://jqueryui.com/demos/position/

這可以讓你的任何元素相對位置另一個元素。

+0

您必須在包含jQuery之後包含jQuery UI腳本:'' – swatkins

+0

下面是你的代碼在js小提琴中的實現:http://jsfiddle.net/swatkins/bpHS3/ - 另外,你沒有使用HTML5 DTD,所以你需要爲你的js和style標籤添加'type =「text/javascript」'和'type =「text/css」'。 – swatkins

+0

您還可以從此頁面創建更精益的下載:http://jqueryui.com/download – swatkins

1
setPositionPopUp: function ($posObj, $dlg, topOff, leftOff) { 
      var dl = $dlg.get(0); 
      if ($dlg.length == 0) { 
       return; 
      } 

      if (topOff == null) 
       topOff = 20; 
      if (leftOff == null) 
       leftOff = 20; 

      var v = $posObj.offset(); 
      dl.style.position = "absolute"; 
      dl.style.top = (v.top + topOff) + 'px'; 
      dl.style.left = (v.left + leftOff) + 'px'; 
      dl.style.zIndex = "10000"; 
      $dlg.fadeIn("slow"); 
     } 

我已經使用上面的代碼來實現你想要的。如果你不想包含整個jquery ui文件。

你可以把它像如下:

setPositionPopup($('.colors_box'), $('img')); 

選擇你選擇正確明顯。