设置使用 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，如上所示。它工作正常。但我的问题是如何设置微调器始终随按钮（发送）移动。此时，当我在我拥有的页面上添加一些内容时每次都调整微调器的top 属性。那么你能告诉我如何避免这种情况并一直将其设置在按钮顶部吗？提前致谢。

Answer 1

使spinner的父div有一个位置：相对然后它的位置是基于那个父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>