Scrolling an iframe with JavaScript?

by

You can use the onload event to detect when the iframe has finished loading, and there you can use the scrollTo function on the contentWindow of the iframe, to scroll to a defined position of pixels, from left and top (x, y):

var myIframe = document.getElementById('iframe');
myIframe.onload = function () {
    myIframe.contentWindow.scrollTo(xcoord,ycoord);
}

You can check a working example here.

Note: This will work if both pages reside on the same domain.

More Related Contents:

  1. How to check if element is visible after scrolling?
  2. Invoking JavaScript code in an iframe from the parent page
  3. Check if a user has scrolled to the bottom (not just the window, but any element) [duplicate]
  4. Adjust width and height of iframe to fit with content in it
  5. How can I get the scrollbar position with JavaScript?
  6. jQuery load more data on scroll
  7. Scroll to an element with jQuery
  8. Adding click event handler to iframe
  9. Pass value to iframe from a window
  10. How to embed an autoplaying YouTube video in an iframe?
  11. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  12. Setting focus to iframe contents
  13. putting html inside an iframe (using javascript)
  14. How can I access the DOM elements within an iFrame
  15. Disable arrow key scrolling in users browser
  16. how to block website from loading in iframe?
  17. Can I apply CSS to the elements within an iframe?
  18. Detect if a page has a vertical scrollbar?
  19. Is it possible to add Request Headers to an iframe src request?
  20. Is there a way to uniquely identify an iframe that the content script runs in for my Chrome extension?
  21. Accessing an element outside of iframe
  22. jQuery load content when scroll to bottom-100px of page, multiple events fired
  23. Iframe.readyState does not work in chrome
  24. iFrame onload JavaScript event
  25. Trigger a button click inside an iframe [duplicate]
  26. Google DFP – Resize SafeFrame custom creative outer Iframe container from inside (expand ad)
  27. Iframe inherit from parent
  28. Get height of iframe with external URL
  29. Why is iframe.contentWindow == null?
  30. How to pass parameters through iframe from parent html?

Leave a Comment