뷰포트

Question

의 에지 요소의 중심에서 폭 얻기 본질적 생각 Element-B 및 Element-C는 영역 가로Element-A의 중심에서 시작하여 viewport의 가장자리 끝을 커버하도록하는 것이다. 정적 위치 나 크기가

1. Element-A 나던 :

   그래서, 난 내가 viewport

   추가 참고의 가장자리에 Element-A의 중심에서 거리 값을 얻고 싶은 것 같아요.

2. Element-B 및 Element-C 세로 위치 또는 높이가 과 관련이 없습니다.

나는 이런 식으로 뭔가 생각했다 : Element-A의

1. 계산 폭을하고 2로 나누면 (또는 프로그래머의 경우 방법 절반 폭을 얻는다.)
를
2. Element-A의 가장자리에서부터 가장자리까지의 거리를 가져옵니다. Viewport
3. 계산 된 값을 더합니다.

내가 목록 항목 (2) 할 수있는 방법을 찾기 위해 노력하지만 할 수있는 방법을 찾을 couldnt는 한

.. 것을 (물론 프로그래머 방법하지 않는 한이 똑바로 폭 것을 얻을 수 있습니다) 더 많거나 적은 나사까지 내 생각은 ..

나는 이미지 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();