메기 - 1 부

이 기사에서는 스크롤 할 때에도 웹 페이지 하단에 보이는 지속적인 "메기"광고 배너를 만드는 방법을 설명합니다. 이 기술은 CSS와 JavaScript의 조합을 사용하며 인터넷 익스플로러를위한 특별 처리. 주요 개념 :

영구 하단 배너 :

핵심 기능은 CSS ()를 사용하여 페이지 하단에 배치 된 DIV 요소입니다. 크로스 브라우저 호환성 : 를 사용하는 초기 CSS 전용 접근 방식은 이전 버전의 인터넷 익스플로러에서 작동하지 않습니다. 이 솔루션에는 조건부 의견과 DOM 조작이 포함되어 IE에만 ​​래퍼 디바이 ()를 추가합니다. 이 래퍼는 배너에 를 사용하고 랩퍼 내에서 스크롤을 관리하기 위해

를 사용합니다.

IE 특이 적 핸들링 : 사용자 정의 JavaScript 함수 ()는 래퍼 디바른을 IE DOM에 동적으로 주입하여 다른 브라우저에 영향을 미치지 않고 호환성을 보장합니다.
• 조건부 의견 : 이 의견은 브라우저 별 CSS 및 JavaScript 포함을 허용합니다. 이렇게하면 IE만이 수정에 필요한 추가 마크 업을 수신 할 수 있습니다. 효율적인 마크 업 : 추가 DIV 및 관련 스타일은 인터넷 익스플로러에만 추가되어 다른 브라우저의 경우 불필요한 부풀어 오르지 않습니다. position: fixed
• 코드 스 니펫 : 다음 코드 스 니펫은 사용 된 CSS 및 JavaScript를 보여줍니다. 이것은 데모를위한 단순화 된 버전입니다. position: fixed : div#zip position: absolute overflow: auto
:
• wrapFish :
• 조건부 주석 (예) :
• 이 접근법은 불필요한 코드를 최소화하면서 브라우저에서 일관된 사용자 경험을 보장합니다. 조건부 배너 선택 및 배치 제어와 같은 추가 개선은 기능을 향상시킬 것입니다.

위 내용은 메기 - 1 부의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!