转载▼
标签: 娱乐分类: 站长成长
测试网站浮动代码,不太懂JS,只懂得拿来主义。不过遇到了问题。 好文章,分享一下: 浮动图层的原理就是利用document.body.scrollLeft和document.body.scrollTop动态的改变图层的位置,但是当HTML有了类似这样的头之后,图层就打死也不动了。跟踪之后可以发现,当定义了DOCTYPE之后document.body.scrollLeft和document.body.scrollTop无论滚动条滚动到何处,这样的属性永远都等于零。于是图层就不再浮动了。一般的解决办法是去掉那个头,呵呵。这里说的是另外一个办法。在定义了DOCTYPE之后,使用document.documentElement.scrollLeft代替document.body.scrollLeft。同理使用document.documentElement.scrollTop代替document.body.scrollTop。这样在有DOCTYPE的时候,图层也可以滚动了。但是,在没有DOCTYPE的时候document.documentElement.scrollLeft也永远为零了,那么,能否有一个在有没有DOCTYPE定义都可以用的方案涅?嘿嘿。那就可以这样写:New@#”>if(document.documentElement && document.documentElement.scrollLeft){scrollLeft = document.documentElement.scrollLeft;}else if (document.body){scrollLeft = document.body.scrollLeft;}这样就可以在任何情况下使用scrollLeft了,其他的属性(scrollTop、clientWidth、clientHeight)同理。----------------------------2009-06-30补充--------------------------------------------------1,FF下不支持pixelTop相关属性,所以要想兼容,得用top
转载于:https://blog.51cto.com/163572/1846717