Сделать положение spinner's spin.js относительно целевого div

Question

В настоящее время в jQuery spin.js spinner есть опции для его положения.

Я использовал следующие конфигурации перед:

 // set up spin.js vars 
    var opts = { 
     lines: 13, // The number of lines to draw 
     length: 5, // The length of each line 
     width: 2, // The line thickness 
     radius:5, // The radius of the inner circle 
     corners: 1, // Corner roundness (0..1) 
     rotate: 58, // The rotation offset 
     direction: 1, // 1: clockwise, -1: counterclockwise 
     color: '#fff', // #rgb or #rrggbb or array of colors 
     speed: 0.9, // Rounds per second 
     trail: 100, // Afterglow percentage 
     shadow: false, // Whether to render a shadow 
     hwaccel: false, // Whether to use hardware acceleration 
     className: 'mySpinner', // The CSS class to assign to the spinner 
     zIndex: 2e9, // The z-index (defaults to 2000000000) 
     top: '50%', // Top position relative to parent 
     left: '50%' // Left position relative to parent 
    }; 

    // show a spinner in place of the icon 
    var target = document.getElementById('testdiv'); 
    var spinner = new Spinner(opts).spin(target); 
    $(target).data('mySpinner', spinner); 

Однако позиция показывает его относительно его родителя.

Так в настоящее время структура:

<div id="container"> 
    <div id="testdiv"> 
    </div> 
<div> 

Вертушка получит по центру в содержащей DIV, а не целенаправленные дел. Есть ли способ обойти это?

Answer 1

Если вы все еще ищете решение, я думаю, вы можете использовать position: relative, чтобы заставить его работать, как это:

.mySpinner { 
    position: relative !important; 
} 

Таким образом вертушка будет сосредоточено в вашем testdiv. Here's a working JsFiddle.