[英]Apply spin.js spinner to target and NOT its parent
when positioniung the spin.js spinner you have options. 当定位spin.js微调框时,您可以选择。 These options say that it positions it relevant to the targets parent. 这些选项表明它将其与目标父级相关。 I do not want this. 我不想这样。
I wish however for the spinner to position itself inside and centre of the target div. 但是,我希望微调器将自身定位在目标div的内部和中心。
Heres the basic set up: 这是基本设置:
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);
Thanks, Any ideas? 谢谢,有什么想法吗?
#followdiv{
/* ... */
position: relative;
}
This says All absolutely positioned elements inside me will be positioned relatively to me . 这表示我内部所有绝对定位的元素都将相对于我定位 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.