如何找到窗口或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文件的金色平均位置？

回答

相关问题