JS与DOCTYPE冲突导致漂浮代码失效的解决方法

需要添加一个漂浮的图片代码，在单独页面调试的很好，但是发现插入到我们主页里，漂浮代码失效了，这是怎么回事，漂浮好好的插入进去，代码没修过就不能漂浮了，非常郁闷，于是就找是哪里问题，最后通过排除法，总于发现是JS代码与DOCTYPE冲突导致漂浮代码失效，真是罕见啊。 我们可以看到每个标准的网页最顶部都有 这段话。 DOCTYPE是Document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本，这是告诉浏览器的一个重要信息，非常有用。但是正是这句话导致我们做的JS漂浮代码不起作用了。 . 这是因为 DOCTYPE与JS代码中的document.body.scrollTop 冲突了，解决的方法有两个，第一个就是把 DOCTYPE那句话去掉，另外一个就是把document.body.scrollTop改成document.documentElement.scrollTop（body相关的属性都要改掉），这是解决漂浮代码失效最根本的方法。我们不建议去掉DOCTYPE那段话，因为一旦去掉会影响到网站其他环节，例如CSS的地方会显示不正常！