2002년에 생산되어 현재 우리 나라의 주류인 IE6 브라우저는 CSS2의 고정된 위치 지정 속성을 지원하지 않는다는 것은 잘 알려진 사실입니다. 이러한 이유로 고민에 빠진 프런트엔드 엔지니어들은 다양한 솔루션을 고안했습니다.
1. 기존 js 솔루션
이는 가장 오래되고 널리 사용되는 방법입니다. 예를 들어 스크롤 막대를 따라가는 많은 커플 광고에서 이 솔루션을 사용합니다. 단점은 드래그 스크롤 막대 요소가 매우 심하게 흔들리는 것입니다. 스무딩을 통해 개선할 수 있지만 효과는 여전히 이상적이지 않습니다. 하지만 제가 말씀드리고 싶은 것은 이 솔루션의 시각적 효과는 조금 떨어지더라도 안정성은 말할 것도 없다는 것입니다.
2. HTML 구조 및 레이아웃 시뮬레이션 방법 사용
이 솔루션은 한때 163 Blog에서 사용되었습니다. 163은 높이가 100%이고 스크롤 막대가 자동으로 설정된 컨테이너에 모든 콘텐츠를 넣은 다음 그 아래에 절대 위치 레이어를 설정하여 절대 위치 레이어가 정적 상태. 원리: 드래그하는 스크롤 막대는 드래그하는 전체 페이지가 아니라 전체 페이지를 시뮬레이션하는 컨테이너이므로 컨테이너 외부 영역은 "고정"됩니다. 상세한:
인용된 내용은 다음과 같습니다. " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 테스트 |