我怎樣才能在％相對DIV

Question

我寫功能，輸出頂部和左側DIV ID內的所有DIV值=容器

var main = $('#container'), 
res = $('#result'), 
bw = parseInt(main.css('border-left-width'), 10), 
mT = main.offset().top + bw, 
mL = main.offset().left + bw; 
$('#btn1').on('click', function() { 
    var allCoords = $('div', main).map(function() { 
     return getCoords(this); 
    }).get().join('<br>'); 

    res.html(allCoords); }); 
function getCoords(el) { 
    var $that = $(el), 
    pos = $that.offset(), 
    posTop = pos.top - mT, 
    posLeft = pos.left - mL; 
    var pos = el.id + ' top: ' + posTop + 'px; left: ' + posLeft + 'px;'; 
    return pos;} 

我怎樣才能在％相對DIV值（左上） ID容器 請幫助me.Thank

Answer 1

使用數學公式100 * yoursreensize/yourelementdivorsomething，像這樣：

var width = $(window).width(); 
 

 
var left = $('#me').position().left; 
 

 
var percent = parseInt(100*left/width); 
 
alert(percent);

#me{ 
 
    position:relative; 
 
    left:20%; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="me">Me</div>