[HTML] Scroll window to top of Iframe from iFrame with different domain than parent

 

Context:

  1. PARENT PAGE loads an IFRAME that contains an app/plugin
  2. PARENT PAGE has different domain than the IFRAME
  3. PARENT PAGE and IFRAME both have installed the iframeResizer plugin -> the iframe has no scroll bar (all content is shown on parent page) - IFRAME is always resized based on its document height
  4. PARENT PAGE html/js cannot be changed, only the IFRAME

Problem:

If the user is at the bottom of the IFRAME, and performs an action, how do you scroll him at the TOP OF THE IFRAME?

Solutions that DO NOT work:

  1. window.scrollTo(0,0); // from iframe

  2. anything with window.parent from iframe (cannot access)

  3. use an anchor at top of iframe body and rewrite window.location

Solutions that do work?

  1. will post one as an answer (it works, but it's weird...and not good for IE)

scroll problem

 

3BG0z.png

 

 

 

 

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

You can try using document.body.scrollIntoView().

It should work on IE8+ and the other browsers (I only tested it in Chrome, FF and IE11)

See codepen demo here.

document.body.scrollIntoView();

 

[출처] https://stackoverflow.com/questions/47249935/scroll-window-to-top-of-iframe-from-iframe-with-different-domain-than-parent

 

 

 

 

 

 

 

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수

등록된 글이 없습니다.

대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED