`
mutongwu
  • 浏览: 448469 次
  • 性别: 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');
       });
    }  
分享到:
评论

相关推荐

    漂浮图片随页面而滚动

    在这里,我们将结合使用jQuery和jquery-lazyload,实现图片在滚动时的动态加载和漂浮效果。 实现步骤如下: 1. **引入依赖**:在HTML文件中,我们需要引入jQuery库(如`jquery-1.4.3.js`)和jquery-lazyload插件...

    漂浮在右侧随页面滚动的手机屏幕样式在线客服

    【标题】:“漂浮在右侧随页面滚动的手机屏幕样式在线客服”是一种创新的网页设计技术,它将传统的在线客服窗口模拟成手机屏幕的样式,让访客在浏览网站时可以方便地与客服人员进行实时交流。这种设计既美观又实用,...

    漂浮在线客服代码(随窗口自动滚动)

    "漂浮在线客服代码(随窗口自动滚动)"是一种专门设计的JavaScript实现,它允许客服对话框在用户浏览网页时始终保持可见,无论用户如何滚动页面或改变窗口大小。 该代码的核心功能包括以下几点: 1. **漂浮效果**:...

    漂浮在右侧随页面滚动的手机屏幕样式在线客服.zip

    标题 "漂浮在右侧随页面滚动的手机屏幕样式在线客服.zip" 暗示了这是一个实现特定网页交互效果的资源包,它包含了一个能够悬浮在页面右侧并随着用户滚动页面而始终保持可见的手机屏幕样式在线客服系统。这种设计通常...

    页面随意漂浮代码.rar

    2. **事件监听**:为了使元素随页面滚动而漂浮,我们需要监听`scroll`事件。当用户滚动页面时,事件处理器会触发,更新元素的位置。 3. **坐标计算**:为了让元素保持在屏幕的某个位置,我们需要计算元素的当前位置...

    QQ在线漂浮窗口

    1. **定位**:漂浮窗口需要能够在用户滚动页面时始终停留在屏幕的某个固定位置,这通常通过CSS的position属性和top、right、bottom、left值来实现。 2. **交互**:用户应能方便地打开和关闭漂浮窗口,这可能需要...

    JavaScript实现带缓冲效果的随屏滚动漂浮广告代码

    这个例子中的缓冲效果是通过减少实际滚动距离来实现的,这样可以让广告元素看起来更加自然地随页面滚动。当广告元素到达目标位置时,可以考虑清除定时器以提高性能,但在这个示例中并未执行此操作。 总结来说,...

    Jquery跟随滚动条漂浮层

    通常设置为`fixed`可以使元素相对于浏览器窗口定位,即使在滚动时也保持不变。例如: ```css .floating-layer { position: fixed; top: 0; /* 或其他值,取决于你希望元素停在屏幕的哪个位置 */ left: 0; /* ...

    页面随意漂浮代码

    元素按照正常的文档流排列)、`relative`(相对于其正常位置偏移)、`absolute`(相对于最近的非`static`定位祖先元素偏移)或`fixed`(相对于浏览器窗口偏移,即使在滚动时也保持位置不变)。在实现漂浮效果时,...

    Jquery 跟随滚动条漂浮层

    这段代码将在页面加载完成后执行,初始化漂浮层的位置,并在用户滚动时动态调整。 **四、优化与注意事项** 1. **适应性布局**:如果要考虑响应式设计,可能需要根据不同的屏幕尺寸调整漂浮层的位置和大小。 2. **...

    用CSS实现跟随滚动条漂浮层代码

    通过巧妙地设置`top`、`bottom`、`left`和`right`属性,你可以自由地定制漂浮层在页面上的位置,为用户提供更流畅的浏览体验。在实际项目中,可以结合HTML和CSS的其他特性,如响应式布局、过渡和动画,进一步增强...

    简单的窗口漂浮小程序

    在编程领域,窗口漂浮功能常见于各种桌面工具或应用程序中,它允许用户自由地将一个窗口在屏幕上移动,甚至在其他应用之上浮动显示。本项目以C#语言为基础,为初学者提供了一个实现窗口漂浮功能的实例,帮助他们更好...

    jQuery页面滚动显示浮动菜单栏锚点定位效果

    在jQuery中,我们可以监听滚动事件,当页面滚动到特定位置时,激活对应的浮动菜单项,使其高亮显示,以指示当前可视区域的内容。 实现这个功能的步骤如下: 1. **HTML结构**:创建浮动菜单栏,包含页面主要部分的...

    漂浮的窗口(C#源代码编写)

    为了让窗口“漂浮”,我们需要监听鼠标事件,特别是`MouseMove`事件,当用户按下鼠标并移动时,窗体的位置应随之更新。 以下是实现漂浮窗口的基本步骤: 1. 创建一个新的Windows Forms项目。 2. 在设计视图中,...

    C#写的窗口漂浮程序,开发平台VS2008

    窗口漂浮程序是指能够在屏幕任意位置自由移动,且不受屏幕边框限制的窗口应用。这种程序通常用于创建工具提示、通知或者辅助工具,以提供便捷的用户交互体验。 三、开发步骤 1. **创建项目**:打开VS2008,选择...

    页面漂浮移动图片广告

    这种类型的广告通常会出现在网页的某个角落,随着用户滚动页面而保持在视窗可见范围内,因此被称为“漂浮”或“固定”广告。本资源提供了一种代码精简的方法来实现这一功能,适用于那些寻求高效解决方案的Web开发者...

    可定时关闭可手动关闭的漂浮窗口

    漂浮窗口可以是固定定位在页面某一角落,或者随着用户滚动而始终保持在屏幕可见范围内。 【描述】中的“可以定时关闭”意味着漂浮窗口具备计时器功能。在JavaScript中,我们可以使用`setTimeout`或`setInterval`...

    淘宝网随滚动条滚动的TOP按钮.rar

    “漂浮”则意味着这个按钮在页面滚动时始终固定在屏幕某个位置,不会随着页面内容的移动而消失。 在压缩包“淘宝网随滚动条滚动的TOP按钮”中,可能包含了实现这个功能的HTML代码、CSS样式以及JavaScript脚本。HTML...

    基于jquery的漂浮窗口

    在网页设计中,漂浮窗口是一种常见的交互元素,它可以在用户滚动页面时始终保持在屏幕的特定位置显示,通常用于展示广告、通知或者重要的提示信息。本篇文章将深入探讨如何使用jQuery库来实现这种功能。 ### 一、...

Global site tag (gtag.js) - Google Analytics