XHTML下JS浮动代码失效的解决方案

XHTML下JS浮动代码失效原因

针对对联广告代码在XHTML环境下的表现，其解决方案十分直接。依据Web标准，浏览器窗口的滚动条应当归属于HTML根元素（即document.documentElement对象），而非body元素。因此，修复该问题的方法是将原本不标准的代码“document.body.scrollTop”修改为“document.documentElement.scrollTop”，即可恢复正常。

此失效现象主要出现在以下DTD声明中：XHTML 1.0 transitional.dtd、XHTML 1.0 strict.dtd、XHTML 1.0 frameset.dtd以及XHTML 1.1 DTD。

本站编辑对此进行总结：

兼容非XHTML环境的解决方案

通常情况下，将document.body替换为document.documentElement即可解决问题。然而，为了确保代码在非XHTML文档中的兼容性，建议增加条件判断。

具体的兼容写法为：scrollTop=document.body.scrollTop?document.body.scrollTop:document.documentElement，通过三元运算符进行判断。

https://www.jb51.net/article/19931.htm

https://www.jb51.net/article/2447.htm

建议读者参考本站以往发布的相关技术文章以获取更多帮助。