Question

这段js代码为什么在chrome和Microsoft Edge中不能正确运行

<!--悬浮窗-->
<div style="z-index:10;font-size:12px; height:146px; width:170px; position: absolute; left: 0;bottom:0px; line-height: 18px;" id="ad">
<a href="" target="_blank">
<img width="162" src="images/sd.png" alt="" />
</a>
<a style="cursor:hand; position:absolute; right:72px; color:#4F8B00; font-size:9px;" onClick="toueme()">关闭</a>
</div>
<script type="text/javascript">
function toueme() {
document.getElementById("ad").style.display = "none";
}
function rightBottomAd() {
var abc = document.getElementById("ad");
abc.style.top = document.documentElement.scrollTop + document.documentElement.clientHeight - 250 + "px";
setTimeout(function(){rightBottomAd();}, 50);
}
</script>
<script type="text/javascript">
rightBottomAd();
</script>

如何才能兼容这两个浏览器

Answer 1

1.rightBottomAd 这个函数，应该是在有滚动条 滚动时候出发的。

脚本中没有滚动时间。所以不管用。
2.document.documentElement.scrollTop 不支持chrome。需要用document.body.scrollTop

建议你放到window.onscroll 事件里执行。