2014-12-16 2 views
0

다시 변경하면 가기 DIV 스크롤 이동 :자바 스크립트 - iframe이 SRC는

http://www.gooplusplus.com/cost-of-living-compare-cities/ 내가 쉽게 잠재적 인 "해외 거주자"도시를 비교할 수 있도록 비교적 간단한 웹 사이트를 제작합니다. 생계비 데이터, 위키 피 디아, expat 블로그, 기후 정보 및 Google지도에 대한 각 도시의 링크 (target = iframe)가 있습니다.

왼쪽 열은 각 도시에 대한 몇 가지 제어 링크로 구성됩니다.

기본 창은 iframe이 DVE에 있습니다. Iframe 스크롤이 OFF로 설정되어 있습니다. iframe의 DIV를 사용하여 스크롤이 수행됩니다. iframe 내용은 외부 도메인입니다.

문제 : 아래 새로운 도시 링크에 긴 위키 백과 항목 다음 사용자가 클릭을 보려면 스크롤 한 경우 iframe이 콘텐츠의 위치는 일반적으로 원하는 무엇하지 않은 이전 DIV 위치에서 유지 .

원하는 동작 (자바 스크립트하지 jQuery를)

이동합니다 DIV의 수직 스크롤은 - 문서마다 iframe이 SRC 문서 변경의 TOP로 이동합니다.

enter image description here

답변

1

이 실제로 iframe을 사용하여 더 복잡한 웹 사이트보다 훨씬 쉽게했다. 이 간단한 웹 페이지의 경우 DIV가 아닌 BODY가 스크롤을 제어합니다.

<iframe src="numbeo.html" onLoad="window.scrollTo(0,0);" etc. > 
관련 문제