如何找到窗口或html文件的金色平均位置？

-1

我正在開發一個JavaScript自定義提醒對話框組件（使用jQuery）。我需要在窗口或文檔的黃金位置顯示警報對話框，類似於我們的javascript警報。我試過一次計算。但是這與javascript警報不兼容。我想計算js中的頂部和左側位置，而不是css中。如何找到窗口或html文件的金色平均位置？

我的計算如下

Var windowHeight = $(window).height(), 
     windowWidth = $(window).width(), 
     smallerPortion = windowHeight - (windowHeight/1.618), 
     dialogTop = smallerPortion - ($(dialogElement).height()/2), 
     dialogLeft = windowWidth - ($(dialogElement).width()/2);

「dialogTop」和「dialogLeft」是所計算出的值。

P.S：dialogElement是保存自定義警報對話框內容的div元素。

來源

2017-01-02 KuKa

無法定位JavaScript警報。

您必須編寫自己的HTML/CSS才能顯示消息。你可以考慮從類似Bootstrap的Modals開始。

來源

2017-01-02 17:50:06 ceejayoz

是的，我不希望定位的JavaScript警報。我想定位我的自定義警報對話框。 – KuKa

@KuKa OK，所以使用CSS定位來做到這一點。您沒有提供任何代碼供我們查看。 – ceejayoz

我已經添加了我的代碼示例@ceejayoz。我想在js中找到位置，而不是在css中。 – KuKa

您可以覆蓋內置的警報系統

var alert = function(data){ 
 

 
    var template = "<div>"+data+"</div>"; 
 
    
 
//use your logic here and apply CSS as you want and inject the template in 'body' or any 'div' 
 
    
 

 
}

來源

2017-01-02 17:57:29 ricky

如果調用代碼假定在用戶關閉對話框之前'alert'函數將被阻塞，這將不起作用。您無法使用自定義對話框阻止主線程。 –

如何找到窗口或html文件的金色平均位置？

回答

相關問題