解决IE6中固定定位问题(代码)
2013-10-07 13:31
302 查看
/*
传对象进来,第二个参数为距离底边的距离,可以不传,new一个出去执行this.move()就可以了
比如 window.onscroll = function(){ a.move()}
@param obj 对象必须传递
@param bottom 选择传递 对象距离浏览器下方的距离
/
function rightSusBox(obj,bottom){
var timer = null;
this.bottom = 0;
if(arguments.length==2){
this.bottom = bottom;
}
this.move = function(){
var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
var iTarget = scrollTop + document.documentElement.clientHeight - this.bottom - obj.offsetHeight;
clearInterval(timer);
timer = setInterval(function(){
var speed = (iTarget - obj.offsetTop)/6;
speed = speed>0?Math.ceil(speed):Math.floor(speed);
if(iTarget==obj.offsetTop){
clearInterval(timer);
}else{
obj.style.top = obj.offsetTop + speed + 'px';
}
},30);
};
this.move();
}
在移动过程中,对象会呈现缓冲运动效果
传对象进来,第二个参数为距离底边的距离,可以不传,new一个出去执行this.move()就可以了
比如 window.onscroll = function(){ a.move()}
@param obj 对象必须传递
@param bottom 选择传递 对象距离浏览器下方的距离
/
function rightSusBox(obj,bottom){
var timer = null;
this.bottom = 0;
if(arguments.length==2){
this.bottom = bottom;
}
this.move = function(){
var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
var iTarget = scrollTop + document.documentElement.clientHeight - this.bottom - obj.offsetHeight;
clearInterval(timer);
timer = setInterval(function(){
var speed = (iTarget - obj.offsetTop)/6;
speed = speed>0?Math.ceil(speed):Math.floor(speed);
if(iTarget==obj.offsetTop){
clearInterval(timer);
}else{
obj.style.top = obj.offsetTop + speed + 'px';
}
},30);
};
this.move();
}
在移动过程中,对象会呈现缓冲运动效果
相关文章推荐
- 解决IE6下固定定位问题 使用position:fixed
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 学习笔记 如何解决IE6 position:fixed固定定位问题{转载}
- 解决 IE6 position:fixed 固定定位问题(div固定,不随着滚动条滚动)
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位不抖动的问题
- 解决 IE6 position:fixed 固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决IE6浏览器下position:fixed固定定位问题
- 解决 IE6 position:fixed 固定定位问题
- 解决 IE6 position:fixed 固定定位问题