divのwidth-percentageを特定のオフセットに印刷するにはどうすればよいですか？

Question

私はdivの幅が300pxです。私は、その幅pxをpx（オフセットによってオフセット）でチェックし、divの正確な位置（そのオフセットの正確な位置）にキーパーセンテージを表示するループを実行したいと思います。これはどのようにJavascriptを使って実装できますか？可能であれば、Jqueryを歓迎します。

たとえば、divが100pxの場合、 10pxを20px、20pxを20pxの位置に印刷する必要があります。

ありがとうございました。

Answer 1

私はを理解できるように、あなたはページから要素のオフセットEXACT割合を受信する必要がをOFFSETので、ここに行く場合：

function PERCENT(){ 
 
\t \t \t \t \t \t subj = '#nem'; 
 
\t \t \t \t \t \t pageh = window.innerHeight; 
 
\t \t \t \t \t \t pagew = window.innerWidth; 
 
\t \t \t \t \t \t subjtop = $(subj).offset().top; 
 
\t \t \t \t \t \t subjleft = $(subj).offset().left; 
 
    
 
\t \t \t \t T = (subjtop/pageh) * 100; 
 
    \t \t \t L = (subjleft/pagew) * 100; 
 
      $(subj).html('T:'+T+' %<br> L: '+L+' %'); 
 
\t \t \t \t } 
 
\t \t \t \t 
 
\t \t \t \t $(document).ready(function(){PERCENT();}) 
 
\t \t \t \t $(window).resize(function(){PERCENT()})

#nem{ 
 
\t position: absolute; top: 124px; left: 69px; 
 
    width: 200px; 
 
    height: 200px; 
 
}

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

今、あなたは、このデータが必要な場合同時に更新することができます間隔を設定してデータを更新します