Получить ширину от центра элемента до края области просмотра

Question

По сути, идея состоит в том, чтобы сделать Element-B и Element-C для охвата области по горизонтали , начиная с центра Element-A и заканчивая на краю viewport.

Итак, я думаю, я хочу получить значение расстояния от центра Element-A до края viewport

Дополнительные примечания :

1. Element-A не имеет статического положения или размера.
2. Element-B и Element-C вертикальное положение или высота не имеет значения.

Iдумал что-то вроде этого:

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();