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)
随机阅读
[疑问]
谁用过php 2版的文章分页功能,路径好像不对哦
(13-04-23)
[分享]
通过sql判断语句实现if判断达到不同样式效果
(13-02-23)
[疑问]
关于 栏目内容调用
(12-05-22)
[疑问]
请问搜索页面的默认外部模板在那里指定?
(11-12-19)
[帮助]
KingCMS:运营地方门户站之执行完结篇(9)
(11-07-03)
|
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 >