제목은 NARADESIGN:BLOG 의 포스트 제목을 그대로 채용한 것입니다.
위 포스트에서 제시한 “적당한 문제 해결 방법”을 사용할 경우 가장 치명적인 문제는, frame 문서 내에 absolute position 된 요소가 있을 경우 이 요소가 스크롤을 덮는다는 것입니다. 다음은 이에 대한 예제 화면.
그래서 “좀 더 적당한 문제 해결 방법”은 frame의 scroll 속성은 auto로 하고(auto가 기본값이니 scroll 속성은 없어도 됩니다) frame 문서의 css에 다음을 추가하는 것입니다.
html { overflow-y:scroll; }
- 장접
-
- absolute position 요소가 스크롤을 덮는 버그 없어짐
- 수평 스크롤은 필요시에만 생김
- 단점
-
- 수직 스크롤이 항상 생긴다는 점에서는 원래의 해결 방법과 동일
- 프레임 내 문서를 수정할 수 없다면 적용할 수 없음
Frameset을 사용하면서 단일 프레임만 보여주는 페이지 구성을 할 경우 필수 적용해야 할 듯 합니다(경험상 ^^). 또 IE에서만 발생하는 문제 및 해결법이니, IE Conditional Comment 혹은 IE css hack을 사용해서 적용하면 되겠습니다.