'ScrollTop'为空或不是对象的问题

来源：互联网发布：openresty是什么软件编辑：程序博客网时间：2024/05/22 05:22

写了一个浮动在页面底部的层，就是滚动网页但是屏幕下端的一个条总是浮动滚动的，起初测试没问题，各个浏览器都正常，但是这个是要用在客户的网站里，而客户的网站是一个集团性的大网，是一个整套的大系统（说实话这系统确实有点老了，还都是table布局，而且有时还特别慢），我们没有权限去修改核心的东西，只能在分配给我们的那个帐户下修改一下页面。好了，前提交代清楚了，下面说问题，我把我做的那个浮动用js的方式调用在这个页面下，但是发现所有基于ie内核的浏览器不但没有显示出这个浮动，而且浏览器还出现了一个很长的横向滚动条，晕！

肯定是哪里冲突了，起初以为是我的浮动写的有问题，查了半天没找到原因，而且转念一想，不对，因为我的测试页面可是任何浏览器都正常的，而且在TT浏览器里显示的页面错误是“'ScrollTop'为空或不是对象”，干脆，把出问题的页面源代码复制下来，一点点的查，终于被我找到原因了，真是费尽啊，原来他们的页面顶端用的是：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

而不是我们平常新建文档的：

‍<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">

而针对这两个，取据顶边距离的‍scrollTop用法是不一样的，针对：

‍<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
用的是：document.body.scrollTop和document.body.scrollLeft

针对：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/1999/xhtml'>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">
用的是：‍document.documentElement.scrollTop

就是这么个问题，竟折腾了我将近一天，疯了～～～～～

0 0