2015-03-31 55 views
1

我找到了angular-spinner这是基于spin.js,我想使用它。无论如何,在angular-spinner的自述文件(http://plnkr.co/edit/BGLUYcylbIVJRz6ztbhf?p=preview)中找到的示例不能像我所期望的那样工作。我希望微调器覆盖选定的DOM元素而不是全局窗口。spin.js/angular-spinner:如何将自旋定位到DOM元素(包含plunker演示)

我已经修改了plunker:http://plnkr.co/edit/9xsi8OFui3VeYuZ810VZ?p=preview - 在这里您可以看到有一个带有红色背景的<div>元素。微调器在它外面 - 我能做些什么来使它在红背景div内居中?

回答

1

添加

position: relative; 

在红色容器

http://plnkr.co/edit/oPStHrLHXKUq3HE9pET0?p=preview

+0

OMG,这很简单......奇怪,为什么是'absolute'默认? – ducin 2015-03-31 09:34:09

+0

@tkoomzaaskz这是插件的制作过程。从我看到的情况来看,它用来强制旋转在其容器内居中(用于垂直和水平居中)。 – 2015-03-31 09:38:04

+0

@tkoomzaaskz另外我认为这个插件是为了与特定的响应框架一起使用而设计的(或者它是用一个测试的)。由于大部分响应式框架都会自动将'position:relative;'添加到几乎所有元素中......只是我的意见... – 2015-03-31 09:44:55

相关问题