javascript - CSS - 如何在包含 iframe 的页面上将加载图标居中?

标签 javascript jquery html css iframe

如何在包含 iframe 的页面上将加载图标居中?

iframe 高度是可变的,它包含一个带有一些编辑按钮(例如编辑删除)的表格。当按下其中一个按钮时,在 ajax 调用工作时,我想将加载图标居中放置在屏幕中央,但它居中放置在 iframe 的中心,这取决于可用数据,高度可以在 1024px 到 6000px 之间的任何地方。我正在使用 blockUI - jQuery 作为加载图标。我的 CSS 如下:

var topOffset = $(window).height() / 2;
var leftOffset = $(window).width() / 2;
var style = {
  position: 'fixed',
  top: topOffset,
  left: leftOffset
};

我通过 jQuery 将其设置为 blockUI。

有什么想法吗?

最佳答案

更新

找到答案:

var topOffset = screen.height/2;

var leftOffset = screen.width/2;

关于javascript - CSS - 如何在包含 iframe 的页面上将加载图标居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40843537/

相关文章:

javascript - NativeBase 列表未更新

Javascript 代码效率

jquery - 单击 <p> 时如何切换 div 类

javascript - 在 jQuery 中创建一个 div 元素

html - 图像重叠

javascript - JQuery/Javascript - 在 DOM 中搜索文本并插入 HTML

javascript - 在同步调用之前调用一个函数

javascript - 在 Jquery.val() 函数中使用变量时出错

javascript - 根据用户输入创建多步骤表单

html - 我如何在忽略内部下一个类的文本的同时获取类中的文本