js不兼容火狐的问题。。求教-CSDN论坛

⋅js不兼容火狐的问题。。求教 ⋅我想问下在这发提问贴有什么要求？ 更多帖子 关注私信空间博客 天空深蓝 本版专家分：105 结帖率 100%

我把代码贴一下



<SCRIPT LANGUAGE="JavaScript">

<!--

function sc5(){

 document.getElementById("tishi").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-285)+"px";

 document.getElementById("tishi").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-285)+"px";

}

function scall(){

 sc5();

}

window.onscroll=scall;

window.onresize=scall;

window.onload=scall;

//-->

</SCRIPT>

IE下有效，火狐下就是不滚动。我实在是不懂哪里的问题。拜托懂的大大，求指教。

0 2011-12-24 10:40:48

回复数 14 只看楼主引用举报楼主

⋅ leetcode:Merge Two Sorted Lists；链表是从升序还是倒序排序？ ⋅angular的$parsers执行条件问题，与jQuery的wrap操作冲突？ ⋅怎么修改我这个帐号注册的邮箱？ 更多帖子 关注私信空间博客 p2227 本版专家分：20121 红花 2012年1月 Web 开发大版内专家分月排行榜第一 2011年12月 Web 开发大版内专家分月排行榜第一 黄花 2011年11月 Web 开发大版内专家分月排行榜第二 蓝花 2012年2月 Web 开发大版内专家分月排行榜第三: 火狐下用css
position:fix;
就可以达到你想要的效果了，自己查一下用法吧

0 2011-12-24 23:32:27

只看TA 引用举报 #1 得分 0

zjleon2008 本版专家分：558: 也许是事件添加的位置不对,你往document.body.onscroll里加试试

0 2011-12-24 23:42:17

只看TA 引用举报 #2 得分 5

⋅孟子E章的留言板 ⋅2015年3月21日AppCan移动创业技术免费分享会（北京站） ⋅CSDN带你回家过年，火车票转让信息专用贴 更多帖子 关注私信空间博客 孟子E章 本版专家分：506122 版主 名人 2019年荣获名人称号 年度总版至少三次排名前十即授予名人勋章 榜眼 2012年总版技术专家分年内排行榜第一 2007年总版技术专家分年内排行榜第二 2006年总版技术专家分年内排行榜第二 2004年总版技术专家分年内排行榜第二 探花 2005年总版技术专家分年内排行榜第三 2003年总版技术专家分年内排行榜第三 2002年总版技术专家分年内排行榜第三 进士 2011年总版技术专家分年内排行榜第六 2010年总版技术专家分年内排行榜第八: firefox 9下测试是可以的，你需要写上
<!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">

0 2011-12-25 11:03:28

只看TA 引用举报 #3 得分 0

⋅孟子E章的留言板 ⋅2015年3月21日AppCan移动创业技术免费分享会（北京站） ⋅CSDN带你回家过年，火车票转让信息专用贴 更多帖子 关注私信空间博客 孟子E章 本版专家分：506122 版主 名人 2019年荣获名人称号 年度总版至少三次排名前十即授予名人勋章 榜眼 2012年总版技术专家分年内排行榜第一 2007年总版技术专家分年内排行榜第二 2006年总版技术专家分年内排行榜第二 2004年总版技术专家分年内排行榜第二 探花 2005年总版技术专家分年内排行榜第三 2003年总版技术专家分年内排行榜第三 2002年总版技术专家分年内排行榜第三 进士 2011年总版技术专家分年内排行榜第六 2010年总版技术专家分年内排行榜第八

完整测试代码

 

<!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">



<SCRIPT LANGUAGE="JavaScript">

<!--

function sc5(){

 document.getElementById("tishi").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-285)+"px";

 document.getElementById("tishi").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-285)+"px";

}

function scall(){

 sc5();

}

window.onscroll=scall;

window.onresize=scall;

window.onload=scall;

//-->

</SCRIPT>

<body>

<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>

<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>

<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>

<div id=tishi style="position:absolute">test</div>

0 2011-12-25 11:05:08

只看TA 引用举报 #4 得分 10

⋅js不兼容火狐的问题。。求教 ⋅我想问下在这发提问贴有什么要求？ 更多帖子 关注私信空间博客 天空深蓝 本版专家分：105: 引用 1 楼 p2227 的回复:
火狐下用css
position:fix;
就可以达到你想要的效果了，自己查一下用法吧

加了这个就固定不滚动了。。

0 2011-12-26 08:33:56

只看TA 引用举报 #5 得分 0

⋅js不兼容火狐的问题。。求教 ⋅我想问下在这发提问贴有什么要求？ 更多帖子 关注私信空间博客 天空深蓝 本版专家分：105: 引用 2 楼 zjleon2008 的回复:
也许是事件添加的位置不对,你往document.body.onscroll里加试试

我对js不懂的，不知道你说的事件是什么意思。

0 2011-12-26 08:34:33

只看TA 引用举报 #6 得分 0

⋅js不兼容火狐的问题。。求教 ⋅我想问下在这发提问贴有什么要求？ 更多帖子 关注私信空间博客 天空深蓝 本版专家分：105: 引用 4 楼 net_lover 的回复:
完整测试代码
HTML code

<!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">

<SCRIPT LAN……

汗。。我用的是傲游测试，发现IE下滚动，发现极速模式不滚动。。

0 2011-12-26 08:36:10

只看TA 引用举报 #7 得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 ranranxd 本版专家分：0: IE和FF下的方法差异还有就是浏览器的呈现模式的不同
iebody = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body；
上面这个是判断浏览器的呈现模式
下面是判断是不是IE
dsocleft = (document.all)? iebody.scrollleft : window.pageXOffset

0 2011-12-26 08:57:16

只看TA 引用举报 #8 得分 0

⋅js不兼容火狐的问题。。求教 ⋅我想问下在这发提问贴有什么要求？ 更多帖子 关注私信空间博客 天空深蓝 本版专家分：105: 引用 8 楼 ranranxd 的回复:
IE和FF下的方法差异还有就是浏览器的呈现模式的不同
iebody = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body；
上面这个是判断浏览器的呈现模式
下面是判断是不是IE
dsocleft = (docume……

这个是加在哪里？

0 2011-12-26 10:15:42

只看TA 引用举报 #9 得分 0

⋅考大家一下JS常用解码方法 ⋅谁去过西塘和乌镇，给推荐个攻略 ⋅发个JS练手作品，简单的OO封装 更多帖子 关注私信空间博客 xingqiliudehu... 本版专家分：8486

一个比较完整的方案应该是这样

<!doctype html>

<html>

<script type="text/javascript">

<!--

function sc5(){

  var div = document.getElementById("tishi");

  var docBody  = document.body;

  var docElem  = document.documentElement;

  var isWebkit = navigator.userAgent.indexOf('WebKit') != -1; 

  var isBackCompat = document.compatMode == "BackCompat";

  

  var scrollTop = (

      isBackCompat || isWebkit

    ? docBody.scrollTop

    : docElem.scrollTop

  );

                  

  var scrollLeft = (

      isBackCompat || isWebkit

    ? docBody.scrollLeft

    : docElem.scrollLeft 

  );

  

  var clientHeight = (

      isBackCompat 

    ? docBody.clientHeight

    : docElem.clientHeight

  );

  

  var clientWidth = (

      isBackCompat 

    ? docBody.clientWidth

    : docElem.clientWidth    

  );

 

  div.style.top  = (scrollTop  + clientHeight - 285) + "px";

  div.style.left = (scrollLeft + clientWidth  - 285) + "px";

}



function scall(){

 sc5();

}

window.onscroll=scall;

window.onresize=scall;

window.onload=scall;

//-->

</script>

<body>

<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>

<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>

<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>

<div id=tishi style="position:absolute">test</div>



<div style="width:2000px;">11</div>

</body>

</html>

0 2011-12-26 10:21:08

只看TA 引用举报 #10 得分 25

⋅js不兼容火狐的问题。。求教 ⋅我想问下在这发提问贴有什么要求？ 更多帖子 关注私信空间博客 天空深蓝 本版专家分：105: 引用 10 楼 xingqiliudehuanghun 的回复:
一个比较完整的方案应该是这样
HTML code
<!doctype html>
<html>
<script type="text/javascript">
<!--
function sc5(){
  var div = document.getElementById("tishi");
  var docBody  = document.body;
  var docElem  = d……

我能问下加？和:是什么意思吗？

0 2011-12-26 10:24:38

只看TA 引用举报 #11    得分 0

⋅考大家一下JS常用解码方法 ⋅谁去过西塘和乌镇，给推荐个攻略 ⋅发个JS练手作品，简单的OO封装 更多帖子 关注私信空间博客 xingqiliudehu... 本版专家分：8486: 三目运算符，因为太长了，所以分开两行写的，这样代码看起来不用左右拉滚动条。

0 2011-12-26 10:27:18

只看TA 引用举报 #12 得分 0

⋅js不兼容火狐的问题。。求教 ⋅我想问下在这发提问贴有什么要求？ 更多帖子 关注私信空间博客 天空深蓝 本版专家分：105: 引用 12 楼 xingqiliudehuanghun 的回复:
三目运算符，因为太长了，所以分开两行写的，这样代码看起来不用左右拉滚动条。

知道了，谢谢

0 2011-12-26 10:39:36

只看TA 引用举报 #13 得分 0

天空深蓝 本版专家分：105: 已经解决，结贴。

0 2011-12-26 10:44:01

只看TA 引用举报 #14 得分 0

js不兼容火狐的问题。。求教 [问题点数：40分，结帖人V_b24589]