1Next >
toymen | 發表于:13-09-05 11:06 [添加收藏] 樓主 [回復] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() ![]() ![]() |
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({ 替換為 $('#k_ajaxBg').css({ 找到 $('#k_ajaxBox').css({ 里的 'top':document.documentElement.scrollTop+((h-nHeight)/2) 替換為 'top':document.body.scrollTop+document.documentElement.scrollTop+((h-nHeight)/2)
Ta最近還發表過
[使用]
圖片輪顯播放代碼,立貼記憶
(17-12-11)
[分享]
關于彈窗提示遮罩層位置不同瀏覽器兼容解決的小經驗
(17-05-11)
[使用]
KC-php后臺管理路徑修改方法記錄
(16-09-12)
[錯誤]
PHP SP1 圖片上傳后權限問題,請高人指點
(15-12-08)
[分享]
PHP+FLASH頭像上傳編輯插件FOR KingCMS php版
(15-06-15)
隨機閱讀
[建議]
重新整理了店鋪分類大家來討論
(14-08-16)
[疑問]
文章添加時出現錯誤:Warning: simplexml_load_file()
(13-03-12)
[模板]
【海量PSD網站模板】免費下載啦!
(11-12-08)
[幫助]
把“流行”的B2C商城做得流行起來
(11-06-13)
[模板]
KINGCMS怎么樣制作產品頁面
(11-03-31)
|
luke | 發表于:13-09-05 13:04 沙發 [回復] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
瀏覽器,內核無非就是火狐,谷歌,ie了。其他的都是加了一層皮而已。。
個人建議,僅供參考。。 |
yuxinpop | 發表于:13-09-06 12:31 4樓 [回復] #Top# |
---|---|
![]() ![]() ![]() ![]() ![]() ![]() ![]() |
已經修復,多謝!
|
freecms | 發表于:17-05-11 16:33 5樓 [回復] #Top# |
---|---|
![]() ![]() |
過來學習一下
|
1Next >