关于 jquery.showLoading 中 出现的 图标不在页面中间的问题
2024-08-24 13:30:48
很多人喜欢 showLoading 因为 这个实在是太简单了直接
showLoading()
hideLoading()
就可以解决这个问题。
今天我们就来看一下 这个插件里面的一个错误
或者说是一个不人性化的地方
对于 showLoading（） 中
hPos 和Vpos 默认的都是 center
找到 center X轴
jQuery(loadingDiv).css('left', (indicatorLeft + ((jQuery(overlayDiv).width() - parseInt(jQuery(loadingDiv).width())) / 2)).toString() + 'px');
这个是没有问题的
但是Y轴写成这样就有问题了
jQuery(loadingDiv).css('top', (indicatorTop + (($(overlayDiv).height() - parseInt(jQuery(overlayDiv).height())) / 2)).toString() + 'px');
写成这种情况下 ， 在竖直方向对应的中心是 overlayDiv 的高度。
这个高度是 这个页面的高度（如果有滚动条 ，也包含带滚动条的高度）。
所以出现的图片 loading .gif 就不会在页面的正中央。简单修改一下
jQuery(loadingDiv).css('top', (indicatorTop + (($(window).height() - parseInt(jQuery(loadingDiv).height())) / 2)).toString() + 'px');
改成当前窗口的高度。
最新文章
- .NET 多个程序配置文件合并到主app.config
- HDU1518 Square（DFS）
- jQuery停止动画和判断是否处于动画状态
- centos7安装tftp服务器
- HttpClient4.3 使用经验(一) 简单使用
- sql server常用查询
- MySQL 更新中国列：1366 Incorrect string value 问题解决了
- Html加载swf 兼容IE8 （含以下）显示
- 【转】一个工具类（可以控制多层嵌套的movieClip)
- hdu1150 Machine Schedule 经典二分匹配题目
- 2017年Unity游戏开发视频教程（入门到精通）
- vue+element-ui之tree树形控件有关子节点和父节点之间的各种选中关系详解
- mybatis源码分析（五）------------SQL的执行过程
- Unity编辑器：清空控制台（Console）
- MySQL匹配指定字符串的查询
- api测试工具
- jquery首页图片轮播
- Struts2再爆远程命令执行漏洞！[W3bSafe]Struts2-048 Poc Shell及防御修复方案抢先看！
- Excel文件转为其他格式文件
- redis集群报Jedis does not support password protected Redis Cluster configurations异常解决办法