设置使用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

使微调器的父div具有一个位置：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>