프로그래밍 방식으로로드 된 DIV (iframe에서)의 앵커로 스크롤

Question

hidden iframe 및 DIV 컨테이너가있는 results.php라는 페이지가 있습니다. 페이지가로드되면 숨겨진 iframe에서 일부 코드가 실행되고 결과 페이지의 CONTENT DIV에 결과가로드되어 results.php에 대한 스크롤바가 생성됩니다

이 모든 것이 올바르게 작동하지만 DIV 내에서 생성 된 코드에 앵커가 있고 (결국 results.php에 의해 표시됩니다) 작동하지 않습니다. 나는 location.hash, scrollto 및 다른 것들을 시도했지만 아무 것도 작동하지 않는다. 페이지 소스 코드를 표시하면 내용이 표시되지 않습니다 (iframe에서 생성 된 다음 결과 DIV에로드 됨). 이는 아마도 location.hash와 같은 기능이 작동하지 않는 이유 일 것입니다. 또한, getElementById는 앵커 중 하나를 보지 못합니다. 동일한 이유로 인해서입니다.

아이디어가 필요 하신가요?

감사합니다.

Answer 1

IFRAME에로드 된 페이지의 내용이 DIV가 포함 된 페이지와 다릅니다. 내부 IFRAME에서 외부 내용에 액세스하려는 경우 중첩 된 문서에서 부모 문서를 가져 오기 위해 곡률을 따라야합니다. 브라우저에 따라 다를 수 있습니다.

Answer 2

당신은 iframe이 ID '결과'를 가지고 가정, 그리고 앵커 ID (이름없는) 'my_anchor'를 갖고,이 작업을해야합니다 :

var iframe_doc = document.getElementById('results').contentWindow.document; 
var anchor = iframe_doc.getElementById('my_anchor'); 
anchor.scrollIntoView();