Установите верхнее положение фиксированного с угловой блесной

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 моего вопроса, как я могу установить счетчик всегда перемещайтесь с помощью кнопки (Отправить). В этот момент, когда я добавляю некоторый контент по странице, где я должен каждый раз настраивать свойство прядильной машины top. Так вы могли бы рассказать мне, как избежать этого и установить его поверх кнопки все время ? Заранее спасибо.

Answer 1

сделать родительский 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> 

Или вы могли бы даже попытаться поместить Американо-кок внутри на <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>