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

时间:2016-11-28 11:46:29

标签: 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。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

<强>更新

找到答案:

var topOffset = screen.height / 2;

var leftOffset = screen.width / 2;