jquery를 사용하여 iframe_HTML/Xhtml_Web 페이지 제작 시 페이지 앵커 오류 문제를 복구하세요.

적용 시나리오는 다음과 같습니다. iframe 페이지에 스크롤 막대가 없으면 앵커 지점이 현재 창 스크롤 막대를 기준으로 창을 스크롤하기 때문에 앵커 표시가 무효화됩니다. 자식 폼에는 스크롤 막대가 없습니다. 당연히 스크롤되지 않습니다.

해결책은 다음과 같습니다. js를 사용하여 페이지가 중첩되었는지 확인하고 js를 사용하여 상위 양식의 iframe 위치와 firame의 앵커 포인트 위치를 계산한 후 두 개를 추가하여 상위 양식의 스크롤.

문제 발생: 상위 양식 요소를 가져옵니다(도메인 제한으로 인해 모두 네트워크 환경(예: http://domain.com)에 있어야 함). 상위 양식이 여러 iframe을 중첩하는지 여부를 판단합니다. 현재 iframe 페이지입니다.

코드:

상위 양식 페이지 index.html

코드 복사

코드는 다음과 같습니다.

;style type="text/css">
*{
여백: 0;
테두리: 0
html,
{
너비: 100%;
높이:
}

스타일= "너비:100%;배경:#f00;높이:500px;">

dd
ddd




하위 양식 페이지 iframe.html