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

【问题标题】：How to print a div's width-percentage in that particular offset?如何在该特定偏移量中打印 div 的宽度百分比？
【发布时间】：2017-07-28 12:55:49
【问题描述】：

我有一个宽度为 300 像素的 div。我想通过它运行一个循环，它将检查它的宽度 px by px（偏移量）并在 div 的确切位置（该偏移量的确切位置）打印关键百分比。如何使用 Javascript 实现这一点？如果可能，欢迎使用 Jquery。

例如，如果 div 是 100px；那么我需要在 div 内 10px 的位置上打印 10，在 20px 上打印 20 等等。

谢谢。

【问题讨论】：

创建包含这些数字的子元素，并将它们绝对定位……
喜欢这个？ jsfiddle.net/np3pc56x/1
@CBroe 因为我正在学习 Javascript，所以想动态添加。
太好了，那就这样做吧。如果您在这样做时遇到任何问题，请给我们一个适当的问题描述，并向我们展示相关代码。请阅读How to Ask。
@ChrisG 你拯救了我的一天！非常感谢。

标签： javascript jquery

【解决方案1】：

据我了解您需要从页面偏移量中接收元素的确切百分比偏移量，如果是这样，您可以这样做：

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

#nem{
	  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>

现在如果您需要同时更新这些数据，您可以设置间隔按时间更新数据

【讨论】：