窗口随页面滚动漂浮在同一位置

最新推荐文章于 2021-01-31 22:59:59 发布

最新推荐文章于 2021-01-31 22:59:59 发布 · 325 阅读

文章标签：

#EXT #HTML

Ext 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用 ExtJS 框架创建窗口组件的示例代码。该窗口不可调整大小但可以折叠，并在移动时触发警告提示。对于 IE6 浏览器，代码还特别处理了滚动事件，确保窗口能够跟随页面滚动。


    var win = new Ext.Window({
        title:'窗口',
        autoScroll:true,
        html:'浮动',
        closable:false,
        collapsible:true,
        resizable:false,
        width:100,
        height:200,
        listeners:{
            'move':function(){
                alert('move');
            }
        }
    }); 
    win.show();
    if(Ext.isIE6){
    	//IE6 document不支持onscroll事件，需要注册在window上
        window.onscroll = function(){
        	var scroll = Ext.getDoc().getScroll();
            win.getEl().moveTo(scroll.left,scroll.top + 30,true);
//            win.fireEvent('move');
        }
    }
    else{
      Ext.getDoc().on('scroll',function(e){
      	var scroll = Ext.getDoc().getScroll();
        win.getEl().moveTo(scroll.left,scroll.top,true);
//	       win.fireEvent('move');
       });
    }