关于固定网页上的一个div解决思路
日期：2014-05-16 浏览次数：20383 次
关于固定网页上的一个div
比如gmail载入的时候显示的：loading字样是固定在窗口的右上角的，这个该怎么实现？
我参照网上的资料写的：
var loading = document.getElementbyId( "loading ");
function moving()
{
var x = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - loading.style.top)*.40;
var y = document.body.scrollTop + y - diff;
loading.style.top = y;
loading.style.left = x;
setTimeout( "moving() ",10);
}
moving();
可是发现根本不起作用啊..希望有人帮忙看看是什么问题
PS：需要在FireFox下也能正常运行哦
------解决方案--------------------
楼主上面的代码 getElementbyId 写错了 By 大写
function moving()
{
var loading = document.getElementById( "divDivision ");
var x = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - loading.style.top)*.40;
var y = document.body.scrollTop + y - diff;
loading.style.position = 'absolute ';
loading.style.top = y;
loading.style.left = x;
}
setTimeout( "moving() ",1000);
------解决方案--------------------
<body onscroll= "moving() ">
.....
function moving()
{
var loading = document.getElementById( "divDivision ");
loading.style.posTop = document.body.scrollTop;
loading.style.posLeft = document.body.scrollLeft;
}
ie测试没有问题啊
------解决方案--------------------
function moving()
{
var loading = document.getElementById( "divDivision ");
var x = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - loading.style.top)*.40;
var y = document.body.scrollTop + y - diff;
loading.style.position = 'absolute ';
loading.style.top = y;
loading.style.left = x;
}
setTimeout( "moving() ",10);
这样IE ff 都通过了~
比如gmail载入的时候显示的：loading字样是固定在窗口的右上角的，这个该怎么实现？
我参照网上的资料写的：
var loading = document.getElementbyId( "loading ");
function moving()
{
var x = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - loading.style.top)*.40;
var y = document.body.scrollTop + y - diff;
loading.style.top = y;
loading.style.left = x;
setTimeout( "moving() ",10);
}
moving();
可是发现根本不起作用啊..希望有人帮忙看看是什么问题
PS：需要在FireFox下也能正常运行哦
------解决方案--------------------
楼主上面的代码 getElementbyId 写错了 By 大写
function moving()
{
var loading = document.getElementById( "divDivision ");
var x = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - loading.style.top)*.40;
var y = document.body.scrollTop + y - diff;
loading.style.position = 'absolute ';
loading.style.top = y;
loading.style.left = x;
}
setTimeout( "moving() ",1000);
------解决方案--------------------
<body onscroll= "moving() ">
.....
function moving()
{
var loading = document.getElementById( "divDivision ");
loading.style.posTop = document.body.scrollTop;
loading.style.posLeft = document.body.scrollLeft;
}
ie测试没有问题啊
------解决方案--------------------
function moving()
{
var loading = document.getElementById( "divDivision ");
var x = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的y方向位置
var diff = (document.body.scrollTop + y - loading.style.top)*.40;
var y = document.body.scrollTop + y - diff;
loading.style.position = 'absolute ';
loading.style.top = y;
loading.style.left = x;
}
setTimeout( "moving() ",10);
这样IE ff 都通过了~
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
