javascript - 将 spin.js 微调器应用于目标而不是其父级

Question

当定位 spin.js 微调器时，您有多种选择。这些选项表示它将其定位为与目标父项相关。我不想要这个。

但是我希望微调器将自己定位在目标 div 的内部和中心。

基本设置如下:

        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: 'spinner', // 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('followdiv');
    var spinner = new Spinner(opts).spin(target);
    $(target).data('spinner', spinner);

谢谢，有什么想法吗？

Answer 1

#followdiv{
    /* ... */
    position: relative;
}

这表示我内部所有绝对定位的元素都将相对于我定位。

JS Fiddle Demo