Question

我写的函数输出top和left div div = container

中的所有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;}

如何获取％relative div id容器中的值（左侧和顶部）请帮帮我。谢谢

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>

如何获得％relative div中的值

1 个答案: