iframe tag is vertically scrollable although I would expect it to vertically stretch 100%
I have an
iframe tag to which I didn't set
height so it has a default height which is 150px (at least in Google Chrome).
As a consequence, the
iframe appears partially in such a way that constant scrolling down is needed to fully read it.
This reduced the scrolling in nearly 90%:
const iframeToWorkOn = document.querySelector("#prcf_iframe"); const paddingedIframeHeight = iframeToWorkOn.clientHeight; iframeToWorkOn.height = iframeToWorkOn.contentWindow.document.body.scrollHeight + paddingedIframeHeight;
- I don't want to set arbitrary height to this
iframebecause it could cause blank areas on certain zooming levels and/or resolutions (?).
How would you solve that problem?
Apparently, the original code in the question worked about 90% and not 100% due to 50px of CSS padding (25px top and 25px bottom).