Add this to your <head>
section:
<script> function resizeIframe(obj) { obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px'; } </script>
And change your iframe to this:
<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />
As found on sitepoint discussion.
Related Posts:
- CSS height 100% percent not working
- Full-screen iframe with a height of 100%
- Embedding instagram webpage inside an iframe
- Adjust width and height of iframe to fit with content in it
- Reload an iframe with jQuery
- How to embed a youtube playlist with a sidebar
- How to embed an autoplaying YouTube video in an iframe?
- Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
- Failed to load resource: the server responded with a status of 404 (Not Found)
- Maximum call stack size exceeded error
- Google Chrome Uncaught (in promise) DOMException while playing AUDIO
- How to make a word underline in Markdown
- ChartJS beginAtZero, min, max doesn’t work
- how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//
- Cannot set property InnerHTML of null [duplicate]
- ReferenceError: $ is not defined
- React.js: Set innerHTML vs dangerouslySetInnerHTML
- jQuery.click() vs onClick
- Add swipe left/right to web page, but use default swipe up/down
- Check if checkbox is checked with jQuery
- What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
- Angular: mat-form-field must contain a MatFormFieldControl
- Change Background color (css property) using Jquery
- Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
- Get class name using jQuery
- How to clear the canvas for redrawing
- JavaScript get element by name
- Use images like checkboxes
- Completely disable scrolling of webpage
- TypeError: Cannot Set property ‘onclick’ of null
- How do I scroll to an element using JavaScript?
- display variable image using cookies
- character counter – backspace doesn’t reflect on characters remaining
- Open URL in same window and in same tab
- Create table with jQuery – append
- Blocked script execution in because the document’s frame is sandboxed – Angular application
- How to convert selected HTML to Json?
- How would I call a javascript function in html?
- How to Open New window on every Click
- Encode HTML entities in JavaScript
- “.addEventListener is not a function” why does this error occur?
- Cannot read property ‘getContext’ of null, using canvas
- How to move an element after another element using JS or jquery?
- How to use Javascript to read local text file and read line by line?
- Why is the jquery script not working?
- DOMException: Failed to load because no supported source was found
- How do I modify the URL without reloading the page?
- Textarea Auto height
- How to add onload event to a div element
- How do I check whether a checkbox is checked in jQuery?
- Print the contents of a DIV
- How to create a HTML Cancel button that redirects to a URL
- What does ngf-select do and why is it needed for form validation?
- How to get the selected radio button’s value?
- why angularjs ng-repeat not working
- Scroll to bottom of div?
- document.getElementById().value doesn’t set the value
- How to run a function when the page is loaded?
- Clearing my form inputs after submission
- Highlight a word with jQuery
- Video auto play is not working in Safari and Chrome desktop browser
- How to change the buttons text using javascript
- how to display a div triggered by onclick event
- anchor jumping by using javascript
- jQuery scrollTop() method not working
- FormData append not working
- getContext is not a function
- How to change the text of a label?
- JavaScript – Count Number of Visitor for Website
- Strip HTML from Text JavaScript
- Using “×” word in html changes to ×
- How do I store an array in localStorage?
- Fire oninput event with jQuery
- Fully responsive HTML5 video
- Changing the selected option of an HTML Select element
- HTML anchor link – href and onclick both?
- img onclick call to JavaScript function
- How to scroll to top of page with JavaScript/jQuery?
- Calling a JavaScript function in another js file
- JavaScript code not running in HTML5 document
- Cannot read property ‘style’ of undefined — Uncaught Type Error
- Unexpected token < in first line of HTML
- How to make HTML element resizable using pure Javascript?
- How to set “style=display:none;” using jQuery’s attr method?
- WordPress Bootstrap Handburger Menu Wont Open
- The value of attribute [ data-type ] must be in double quotes – custom html widget error
- Adding JavaScript to a WordPress website
- Insert “javascript:void(0);” into URL
- Can I change an external script’s HTML?
- How to display post content in the block editor
- My Button Default Click Is Not Working In WordPress Using Javascript Code
- Make a script work within a page
- how to let users upload their custom cover image
- Putting custom html/js page into Elementor as it’s own block
- Add Paypal button redirect to a specific page after completing
- internal anchor links no longer working after upgrade
- Making the HTML list to a checkbox tree with the plugin jstree [closed]
- dropdown does not work [closed]
- How do I cycle a JS function in WordPress? [closed]
- Sending GravityForms to custom HTML