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

最新推荐文章于 2023-02-25 22:22:07 发布

skfzc

最新推荐文章于 2023-02-25 22:22:07 发布

阅读量1.2k

点赞数

分类专栏： php html 文章标签： php html

本文链接：https://blog.csdn.net/skfzc/article/details/48342217

版权

在将一个浮动层应用于客户老旧的网站时，遇到IE内核浏览器显示异常并出现横向滚动条的问题。经过排查，发现问题是由于DOCTYPE声明不同导致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">中，则应使用document.documentElement.scrollTop。

摘要由CSDN通过智能技术生成

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

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