關于彈窗提示遮罩層位置不同瀏覽器兼容解決的小經驗

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)