Question

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

例如，如果div为100px;然后我需要在div内部10px的位置打印10，在20px上打印20，依此类推。

感谢。

Answer 1

我理解你需要收到一个元素来自PAGES OFFSET 的确切百分比偏移量，如果是这样的话，你可以去：

＆＃13;

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()})

＆＃13;

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

＆＃13;

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

＆＃13;

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

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

1 个答案: