omiga » documentElement http://omiga.org/blog 简单就好 Mon, 06 Feb 2012 17:39:58 +0000 en hourly 1 http://wordpress.org/?v=3.3 scrollTop失效的问题 http://omiga.org/blog/archives/23 http://omiga.org/blog/archives/23#comments Thu, 15 Nov 2007 11:16:57 +0000 omiga http://omiga.org/?p=23 为增强页面的可用性，贯彻WebDesign Usability CheckList的有关精神，想在博客中添加一个“GotoTop”按钮，但细想改善一下导航条更好。代码很简单
，只是需要注意一个小问题，当HTML进行了文档类型定义即申明了DOCTYPE时，document.body.scrollTop失效，其值永远为0。解决办法网上有很多，重写DTD（高手去干的事情），去除页面DTD申明（属于拆东墙补西墙的行为）～···其实方法很简单，另外一种写法完全可替代document.body.scrollTop，document.documentElement.scrollTop（webkit内核只兼容document.body.scrollTop）取代之，一切问题迎刃而解。

兼容版本：

document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop

这个效果在屏幕拖动的时候导航栏会有闪烁的感觉，寻找更为完美的效果～···

© omiga for omiga, 2007. | Permalink | One comment | Add to del.icio.us
Post tags: ,

]]> http://omiga.org/blog/archives/23/feed 1