`
mutongwu
  • 浏览: 452389 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

    博客分类:
  • Ext
阅读更多
    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');
       });
    }  
分享到:
评论

相关推荐

    浮动窗口

    这样,广告元素将相对于浏览器窗口定位,即使页面滚动,它也会保持在屏幕上的同一位置。例如: ```html .floating-ad { position: fixed; bottom: 20px; /* 距离底部20像素 */ right: 20px; /* 距离右侧20像素...

    仿QQ消息弹出广告效果.rar

    在"JS特效-弹窗漂浮"这个标签中,我们可以理解到这个压缩包文件包含了一个JavaScript实现的特效,即弹出窗口会在页面上漂浮,无论用户滚动页面,它始终保持在可视区域中。这种设计通常用于广告展示,因为它可以确保...

    右侧浮窗代码加链接

    右侧浮窗通常是指一个固定在屏幕右侧的窗口,即使用户滚动页面,它也会始终保持在可视范围内。这种设计常用于显示重要通知、广告、快捷链接或者帮助信息。以下是关于这个主题的详细知识: 1. **HTML与CSS布局**:...

    《程序天下:JavaScript实例自学手册》光盘源码

    12.17 页面随窗口的改变而改变 12.18 幻灯片式弹出窗口 12.19 弹出窗口生成器 12.20 关不掉的警告框 12.21 循环的警告框 12.22 屏蔽状态栏的错误提示 12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间...

    程序天下:JavaScript实例自学手册

    12.17 页面随窗口的改变而改变 12.18 幻灯片式弹出窗口 12.19 弹出窗口生成器 12.20 关不掉的警告框 12.21 循环的警告框 12.22 屏蔽状态栏的错误提示 12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间...

    Miser-crx插件

    这些内容通常在您上下滚动时漂浮在页面的一侧,有时它们在同一页面上显示两次或三次! 到了“共享此”小部件几乎和广告一样令人讨厌的地步。 当您浏览网络时,Miser隐藏这些按钮。 Miser还提供了一个工具栏按钮,您...

    qq在线客服代码,客服js代码

    客服代码可能会使用DOM API来获取或设置漂浮客服按钮的位置、样式等属性。 3. **CSS样式**:为了使客服按钮漂浮在网页右侧,JS代码通常会结合CSS(Cascading Style Sheets)来定义其样式,如定位(positioning)、...

    CSS文档流与块级元素,css

    - **固定定位元素(Fixed Positioning)**:类似于绝对定位,但固定定位的元素相对于浏览器窗口进行定位,即使滚动页面,元素位置也不变。 #### 内联元素与块级元素的转换 有时,为了实现特定的布局效果,可能需要...

Global site tag (gtag.js) - Google Analytics