如何在特定偏移量中打印div的寬度百分比？

Question

我有一個寬度爲300px的div。我想通過它運行一個循環，它將通過px（偏移量offset）檢查其寬度px，並在div的精確位置（該偏移量的精確位置）中輸出關鍵百分比。這怎麼可以用Javascript實現？如果可能的話，歡迎使用Jquery。

例如，如果div是100px;那麼我需要在div內10px的位置上打印10，在20px上打印20，依此類推。

謝謝。

Answer 1

我的理解你需要接受的確切比例從頁面元素，頻偏，如果是的話在這裏你去：

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>

現在如果你需要這個數據要同時更新，您可以設置間隔以按時間更新數據