浮动效果firefox下失效了,该如何解决
日期：2014-05-16 浏览次数：20409 次
浮动效果firefox下失效了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml " xml:lang= "zh-CN " lang= "zh-CN ">
<head>
<title> new document </title>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<meta name= "author " content= " ">
<meta name= "keywords " content= " ">
<meta name= "description " content= " ">
<style>
#floatBox{position:absolute;border:2px solid #ccc;width:100px;height:200px;background:#f5f5f5;}
</style>
<script>
recordPositionY = 0;
function FloatPosition()
{
var recordScrollTop = 0;
if(document.documentElement && document.documentElement.scrollTop)
{
recordScrollTop = document.documentElement.scrollTop;
}
else
{
if(document.body)
{
recordScrollTop = document.body.scrollTop;
}
}
var movePixY = 0.2 * (recordScrollTop - recordPositionY);
if(movePixY > 0)
{
movePixY = Math.ceil(movePixY);
}
else
{
movePixY = Math.floor(movePixY);
}
obj=document.getElementById( "floatBox ");
var basketTop = obj.style.pixelTop;
obj.style.pixelTop = basketTop + movePixY;
recordPositionY = recordPositionY + movePixY;
}
window.setInterval( "FloatPosition() ",2);
</script>
</head>
<body>
<div id= "floatBox ">
这是浮动的窗口
<input type= "button " value= "固定位置 " />
</div>
<p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml " xml:lang= "zh-CN " lang= "zh-CN ">
<head>
<title> new document </title>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<meta name= "author " content= " ">
<meta name= "keywords " content= " ">
<meta name= "description " content= " ">
<style>
#floatBox{position:absolute;border:2px solid #ccc;width:100px;height:200px;background:#f5f5f5;}
</style>
<script>
recordPositionY = 0;
function FloatPosition()
{
var recordScrollTop = 0;
if(document.documentElement && document.documentElement.scrollTop)
{
recordScrollTop = document.documentElement.scrollTop;
}
else
{
if(document.body)
{
recordScrollTop = document.body.scrollTop;
}
}
var movePixY = 0.2 * (recordScrollTop - recordPositionY);
if(movePixY > 0)
{
movePixY = Math.ceil(movePixY);
}
else
{
movePixY = Math.floor(movePixY);
}
obj=document.getElementById( "floatBox ");
var basketTop = obj.style.pixelTop;
obj.style.pixelTop = basketTop + movePixY;
recordPositionY = recordPositionY + movePixY;
}
window.setInterval( "FloatPosition() ",2);
</script>
</head>
<body>
<div id= "floatBox ">
这是浮动的窗口
<input type= "button " value= "固定位置 " />
</div>
<p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击固定位置之后又如何让它固定在最开始的位置呢？ </p> <p> 为什么不能在firefox下漂浮？点击
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
