0

HTML要素と現在のviewport borderの間のピクセルを測定しようとしています。

たとえば、DIVがある場合-

|--------------------------|
|                          |
|                          | 
|       |=========|        |
|   L   |   DIV   |    R   |
|<----->|         |<------>|
|       |=========|        |
|                          |
|--------------------------|

現在のビューポートを測定する方法を知っていますが、

var $w = $(window);
return {
    l: $w.scrollLeft(),
    t: $w.scrollTop(),
    w: $w.width(),
    h: $w.height() 
}

RとLの値をピクセル単位で取得する方法はありますか? 要素と画面の境界線であってはならず、要素とビューポートの境界線であるべきです。

4

1 に答える 1

0

これを試してみてください。ただし、その親に相対的なオフセットが与えられるため、その親が body目的の結果を取得する場合は、そうでない場合は親のオフセットも取得して追加します

function getOffset(id)
{

    var ele = document.getElementById(id);
    var left = parseInt(ele.style.left || ele.offsetLeft);
    var right = parseInt(ele.style.right || ele.offsetRight);

    alert(left + " " +right);
}
于 2013-11-08T06:03:59.177 に答える