获取从元素中心到视口边缘的宽度

Question

基本上，我们的想法是让Element-B和Element-C从Element-A的中心开始，在{{1}的边缘处覆盖水平区域。 }}

所以，我想我希望得到从viewport中心到Element-A

边缘的距离值

附加说明：

1. viewport没有静态位置或大小。
2. Element-A和Element-B垂直位置或高度为 不相关的。



我在想这样的事情：

1. 计算Element-C的宽度并将其除以2（如果是这样的话，只需得到宽度的一半。）
2. 获取Element-A边缘到边缘的距离 Element-A
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();