使用 Angular 微调器固定顶部位置

Question

HTML

<div class="margin-top-10">
      <span us-spinner="{left: '91.6%',top:'74.2%',length: 5,width: 2,radius:4}" spinner-key="spinner-1"></span>
      <button class="btn btn-green" ng-click="">Send</button>
    </div>

我已经使用 angular spinner 如图所示 above.It 的工作 fine.But 我的问题是如何设置微调器始终随按钮（发送）一起移动。此时我在页面上添加了一些内容，我必须每隔 time.So 调整微调器的 top 属性你能告诉我如何避免这种情况并将其设置在所有按钮的顶部吗时间？提前致谢。

Answer 1

使微调器的父级 div 具有 position:relative 然后它的位置基于该父级 div

<div class="margin-top-10" style="position:relative;">
    <span us-spinner="{left: '91.6%',top:'74.2%',length: 5,width: 2,radius:4}" spinner-key="spinner-1"></span>
    <button class="btn btn-green" ng-click="">Send</button>
</div>

或者您甚至可以尝试将 us-spinner 放在 <button>

<div class="margin-top-10">
    <button class="btn btn-green" style="position:relative;" ng-click="">
        <span us-spinner="{left: '91.6%',top:'74.2%',length: 5,width: 2,radius:4}" spinner-key="spinner-1"></span>
        Send
    </button>
</div>

使用 Angular 微调器固定顶部位置

Set the top position fixed with the Angular spinner

html

css

spinner

angularjs