吵吵   2011-03-03  阅读:3,878

前两天用js写的一个随滚动条滚动的窗口,在火狐和ie上测试都行,到了谷歌浏览器上竟然不行了,停在那里不滚动了。

经过自己的测试发现原来谷歌流浪器获取滚动条卷去的高度js代码是document.body.scrollTop,而ie火狐获取的代码是document.documentElement.scrollTop;

之后我们就可以判断一下谷歌浏览器,把这两种不同风格区分开来。

以下是代码

function scrollItem(){
//alert(document.body.scrollTop);
if(navigator.userAgent.indexOf("Chrome")>0){
document.getElementById("winpop").style.top=document.body.scrollTop+(document.documentElement.clientHeight-document.getElementById("winpop").offsetHeight)/2+"px";
//alert(document.getElementById("winpop").style.top);document.getElementById("winpop").style.left=document.body.scrollLeft+(document.documentElement.clientWidth-document.getElementById("winpop").offsetWidth)/2+"px";
}
else{
document.getElementById("winpop").style.top=document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("winpop").offsetHeight)/2+"px";
//alert(document.getElementById("winpop").style.top);document.getElementById("winpop").style.left=document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("winpop").offsetWidth)/2+"px";
}
}

这个代码是使弹窗出现在中间的可以在window.onscroll事件中调用它。

吵吵微信朋友圈,请付款实名加入:

吵吵 吵吵

发表评论

电子邮件地址不会被公开。 必填项已用*标注