关于弹窗提示遮罩层位置不同浏览器兼容解决的小经验

KC-php系统有不少基于AJAX的弹窗提示（带遮罩层），但原程序对于基于不同内核的浏览器兼容性不太好，比如谷歌浏览器，提示层永远在网页的顶端，而不是当前可见区域，这样，长网页就会出现有提示看不见，网页“死掉”。

BD一下，发现是Chrome对于document.documentElement.scrollTop不兼容造成的，解决方案是用document.body.scrollTop来判断。

但是用document.body.scrollTop又遭遇IE内核的不兼容，郁闷~

找到问题所在，想办法解决：

找到system/js/Jquery.kc.js，找到$.kc_ajax_show函数，里面有关于提示弹窗的参数，再找到#k_ajaxBg（遮罩层）和#k_ajaxBox（提示弹窗）的css属性，其中相对于top的位置进行修改。

试过document.body.scrollTop || document.documentElement.scrollTop这样的格式，遮罩层的位置解决了，但是#k_ajaxBox（提示弹窗）的位置因为含有运算公式，无法解决。

后来发现，对于不同浏览器，document.body.scrollTop或者 document.documentElement.scrollTop总有一个值为0；于是琢磨用两值相加也许能解决问题。

尝试，解决，兼容性非常好！

连那些不知所以的百度、360等浏览器都没问题（之前被这两个搞死了，也没办法，谁让他们也占有一定份额呢）！

给实例吧：

打开system/js/Jquery.kc.js，

找到

$('#k_ajaxBg').css({
'top':document.documentElement.scrollTop,

替换为

$('#k_ajaxBg').css({
'top':document.documentElement.scrollTop+document.body.scrollTop,

找到

$('#k_ajaxBox').css({   里的

        'top':document.documentElement.scrollTop+((h-nHeight)/2)

替换为

       'top':document.body.scrollTop+document.documentElement.scrollTop+((h-nHeight)/2)