JQuery와 - 창 외부의 요소에 상대적인 위치보다

Question

나는 테이블과 사업부를하고 난 위치를()를 사용하여, 테이블 셀에 DIV 상대적으로 배치하기 위해서만 원하는 :

var td1= $('#td1'); 
$("#Div1").position({ of: td1, my: 'left top', at: 'left top', offset: '0 5'}); 

TD1 창 내부에있는 경우 (수평 스크롤없이) div가 올바르게 배치됩니다. 그러나 테이블이 윈도우보다 넓 으면 div가 잘못 배치됩니다 (왼쪽으로 밀기). position(). top은 정확하지만 position(). left는 div가 전체적으로 윈도우 내부에있게됩니다. 나는 너비가 충분히 크고 (창보다 넓은) div 안에 테이블을 넣으려고했으나 여전히 같은 동작을 보았습니다.

div 외부에있는 요소를 기준으로 div를 올바르게 배치하는 방법에 대한 제안 사항이 있습니까?

Answer 1

jQuery UI는 collision 속성을 사용하여 창 안쪽에 위치 요소를 "맞추는"기능 만 사용합니다. .css 및 .offset을 사용하여 jQuery UI 없이도 동일한 기능을 사용할 수 있습니다. (아니지만 정확한 지점에)보기에서 사업부를 유지 http://jsfiddle.net/imsky/XtV4K/

jQuery를 UI 버전 :

$(this).position({ 
      of: $("#td1"), 
      my: "left top", 
      at: "left top", 
      offset: "0 5", 
      collision: "fit" 
     }) 

필요 정확히 사업부를 유지

의 jQuery 버전 :

$(this).css({ 
      left: $("#td2").offset().left + "px", 
      top: $("#td2").offset().top + 5 + "px" 
     });