jquery - 获取从元素中心到视口(viewport)边缘的宽度

Question

本质上，这个想法是让 Element-B 和 Element-C 从 Element 的中心开始水平覆盖区域-A 并在视口(viewport)边缘结束。

所以，我想我想获取从 Element-A 中心到 viewport 边缘的距离值

附加说明:

1. Element-A 没有静态位置或大小。
2. Element-B 和 Element-C 垂直位置或高度为无关紧要。

我在想这样的事情:

1. 计算 Element-A 的宽度并将其除以二(或者如果有办法的话，只得到一半的宽度。)
2. 获取Element-A的边缘到视口(viewport)
3. 将这些计算值相加。

(当然，除非有办法让这个宽度直线上升)

我试图寻找一种方法来完成列表项 2。但找不到一种方法来做到这一点..这或多或少地搞砸了我的想法..

除了图像的基本设置 http://jsfiddle.net/nsEth/ 之外，我没有任何起点

有什么想法吗？

Answer 1

有这样的事吗？ http://jsfiddle.net/nsEth/1/

var a = $('#Element-A'),
    b = $('#Element-B'),
    c = $('#Element-C'),
    aw;

$(window).resize(function() {
    b.width( aw = a.offset().left + a.width()/2 );
    c.width( $(window).width() - aw).css('left', aw);
}).resize();