Div 위치 조정

Question

onmouseover 이벤트 처리기가있는 아이콘이 있습니다.

마우스 오버시 테이블이 표시됩니다. 아이콘이 화면의 오른쪽 사이트에 있습니다. 테이블이 작 으면 표시 영역 내에 표시됩니다. 그러나 테이블이 충분히 넓 으면 테이블의 일부분 만 보입니다. 테이블의 나머지 부분을 보려면 오른쪽으로 스크롤해야합니다.

표시 할 해결책은 무엇입니까? 테이블이 가시 영역 밖으로 200 픽셀 나오면 은 왼쪽으로 200 픽셀 이동해야합니다.

테이블은 절대 위치 된 DIV 내에 표시됩니다.

Answer 1

div.left + div.clientWidth는 document.body.clientWidth보다 작아야합니다. 즉, 귀하의 사업부가 될 수있는 화면의 오른쪽 (div.left의 최대 값)으로 가장 먼는 다음과 같이 계산 될 수있다

document.body.clientWidth - div.clientWidth 

제공하거나 픽셀 또는 둘을.