Question

大家好我想制作一个始终位于顶部的xul面板。这可能吗？

这是我的代码到目前为止，但它不能很好地工作，可以从暂存器运行：

如果用户最小化了firefox窗口，我添加了面板。如果用户关闭了窗口，我将其添加到面板中。在最小化窗口的最大化/恢复时，面板位置会变得混乱，并且闪烁和填充。我试图添加到Services.appShell.hiddenDOMWindow，但我遇到了各种各样的问题。

var win = Services.wm.getMostRecentWindow('navigator:browser');
var panel = win.document.createElement('panel');
var screen = Services.appShell.hiddenDOMWindow.screen;
var props = {
    noautohide: true,
    noautofocus: false,
    level: 'top',
    style: 'padding:15px; margin:0; width:200px; height:200px; background-color:rgba(0,0,0,0.1); -moz-pointer-events:none; border:0; -moz-appearance:none !important;'
}
for (var p in props) {
    panel.setAttribute(p, props[p]);
}

panel.addEventListener('dblclick',function() {
    panel.parentNode.removeChild(panel);
}, false);


win.document.querySelector('#mainPopupSet').appendChild(panel);

panel.openPopup(null, 'overlap', screen.availLeft, screen.availTop);

双击面板将其删除

始终在顶部面板XUL元素

0 个答案: