Question

DEDECMS的问题。js漂浮广告的问题。100分寻求解决。满意加分采纳。

我的一段漂浮光该JS写在foot页面，如下图

foot页面在index页面嵌入，index嵌入代码如下：

我如果单独的在本地运行foot文件，无论在任何浏览器下广告都可以漂浮。但是我用dedecms后,运行首页，只有在ie兼容模式下才能漂浮。告诉模式下和谷歌，火狐浏览器里都不能漂浮，都是死的。。。
这是为什么？求解决。





Answer 1

document.body.scrollTop

document.body.scrollLeft 只在ie浏览器，并且没加doctype的情况下有用的。

因为你只打开foot文件的时候没有html并不完整，没有doctype，html，head，body等等。

function getScroll () {
    var w = window,
        d = document;
    return {
        top: w.pageYOffset || d.scrollTop || d.body.scrollTop,
        left: w.pageXOffset || d.scrollLeft || d.body.scrollLeft
    };
}

var scroll = getScroll();
obj.style.left = x + scroll .left;
obj.style.top = y + scroll .top;

PS：每行最后的结束符号还是很重要的。

追问

把这个getScroll () 方法加上就行了是吧？
各个浏览器的兼容性有没有完整的统计的？

追答

加这个应该可以正确得到scrollTop了。

推荐一个我常用的网站，一会写在评论里。

修改过了

function getScroll () {
    var w = window,
        d = document,
        html = d.documentElement,
        body = d.body;
    return {
        top: w.pageYOffset || html.scrollTop || body.scrollTop,
        left: w.pageXOffset || html.scrollLeft || body.scrollLeft
    };
}
 
var scroll = getScroll();
obj.style.left = x + scroll .left;
obj.style.top = y + scroll .top;

追问

还是不行。。我把这个getScroll 放到float方法外面和放到内部都不行..我alert scroll是获取到了。但是还是死的。。不漂啊。
大哥，你帮我解决我再追加100分。。。实在整无奈了。

追答

看评论里的吗？ 要加px的。

把foot的代码发给我看看吧，你贴的图实在不好弄。

zhaoapk@gmail.com

追问

已经发了。

追答

// 加px之后是不是可以啊，我这边涨价了那个div会动的
obj.style.left = x + scroll.left + 'px';
obj.style.top = y + scroll.top + 'px';

追问

发给我一份，我试试。

这是一个完整的html、这样的话在火狐和谷歌里都是可以运行的。

但是放在dede里就不行了。这到底是哪出了问题呢。。。

大哥，求解答。。。300分我都愿意。麻烦你了。

Answer 2

那你直接写在index里面呀，为什么一定要写在foot里面？

追问

我试了。我写在引用foot的后面。也是不行。。单独运行可以，就是放到dede后就不行了。

追答

好吧，你解决了咯。

追问

有好方法也不拒绝学习的。
求教、

Answer 3

如果只是浮动跟 滚动条滚动的话，那么就可以CSS直接完成，不用JS

追问

css怎么写？
我也刚开始做站，以前是做JSP后台的。

追答

浮动属性position:fixed;，js的话或许是因为 兼容“px”的原因，js里面赋值，最后给他加上px