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

Question

本质上，这个想法是让 Element-B 和 Element-C 从 Element-A< 的中心开始水平覆盖该区域。 /code> 并结束于视口 的边缘。

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

附加说明：

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

我在想这样的事情：

1. 计算 Element-A 并将其除以二（或者如果有办法的话，只得到宽度的一半。）
2. 获取从 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();