如何将窗口固定在其绝对位置并且不在浏览器滚动时滚动？答案

【问题标题】：how to fix window in it's absolute position and don't scroll on browser scroll?如何将窗口固定在其绝对位置并且不在浏览器滚动时滚动？
【发布时间】：2015-11-25 21:09:04
【问题描述】：

在 ExtJS 中，当我滚动浏览器窗口时，Ext.window.window 保持在视口上的相同位置。我想修复这个窗口的绝对位置。
我看到文档说：

固定：布尔值配置为 true 以使该组件在浏览器视口中固定在其 X、Y 坐标处，不受滚动文档的影响。

默认为：假

但对我不起作用。我错过了什么？如何将窗口固定在其绝对位置并且不在浏览器滚动时滚动？

【问题讨论】：

请创建一个煎茶小提琴。将有助于更好地理解
检查这个网址。 fiddle.sencha.com/#fiddle/11kf
当我设置 fixed: true 时，它可以工作。正确的？窗口在同一位置，甚至页面滚动。
点击左侧菜单几次，右侧面板滚动。然后单击“添加窗口”按钮。我知道问题是面板的固定高度。但这是我的布局
不，我想修复：false 并且不起作用

标签： extjs scroll position window

【解决方案1】：

这部分有效。但是，您仍然担心约束吗？

 handler: function(button){
                                var w = Ext.create('Ext.window.Window', {
                                    height: 150,
                                    width: 200,                                        
                                    renderTo: button.up('fieldset').getEl().dom,
                                    title: 'child window'                                      
                                });

                                this.up('fieldset').add(w);
                                w.show();
                            }

【讨论】：

感谢这一行 renderTo: button.up('fieldset').getEl().dom, "super" 有效。但我还有另一个问题。我离开约束：true 并且添加的窗口不在中心

【解决方案2】：

可能是这样的：

handler: function(){
    var w = Ext.create('Ext.window.Window', {
        height: 150,
        width: 200,
        title: 'child window',
    });

    this.up('fieldset').add(w);
    w.show();
}

【讨论】：