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像素...
在"JS特效-弹窗漂浮"这个标签中,我们可以理解到这个压缩包文件包含了一个JavaScript实现的特效,即弹出窗口会在页面上漂浮,无论用户滚动页面,它始终保持在可视区域中。这种设计通常用于广告展示,因为它可以确保...
右侧浮窗通常是指一个固定在屏幕右侧的窗口,即使用户滚动页面,它也会始终保持在可视范围内。这种设计常用于显示重要通知、广告、快捷链接或者帮助信息。以下是关于这个主题的详细知识: 1. **HTML与CSS布局**:...
12.17 页面随窗口的改变而改变 12.18 幻灯片式弹出窗口 12.19 弹出窗口生成器 12.20 关不掉的警告框 12.21 循环的警告框 12.22 屏蔽状态栏的错误提示 12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间...
12.17 页面随窗口的改变而改变 12.18 幻灯片式弹出窗口 12.19 弹出窗口生成器 12.20 关不掉的警告框 12.21 循环的警告框 12.22 屏蔽状态栏的错误提示 12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间...
这些内容通常在您上下滚动时漂浮在页面的一侧,有时它们在同一页面上显示两次或三次! 到了“共享此”小部件几乎和广告一样令人讨厌的地步。 当您浏览网络时,Miser隐藏这些按钮。 Miser还提供了一个工具栏按钮,您...
客服代码可能会使用DOM API来获取或设置漂浮客服按钮的位置、样式等属性。 3. **CSS样式**:为了使客服按钮漂浮在网页右侧,JS代码通常会结合CSS(Cascading Style Sheets)来定义其样式,如定位(positioning)、...
- **固定定位元素(Fixed Positioning)**:类似于绝对定位,但固定定位的元素相对于浏览器窗口进行定位,即使滚动页面,元素位置也不变。 #### 内联元素与块级元素的转换 有时,为了实现特定的布局效果,可能需要...