Js determines whether the page inside the iframe scrolls to the bottom to trigger an event
- 2020-03-30 02:22:16
- OfStack
Before, there was a requirement to determine whether the page in the iframe scrolls to the bottom of the trigger event. I found a lot of information on the Internet, which were all under the current page, so I simply researched myself and found a solution.
ClientHeight: the height of this element, the height of the whole space
OffsetHeight: the height of the element content
ScrollTop: the length of the scrollbar that can be scrolled
Here is the source code
ClientHeight: the height of this element, the height of the whole space
OffsetHeight: the height of the element content
ScrollTop: the length of the scrollbar that can be scrolled
Here is the source code
<iframe src="~/Files/3.html" id="iframepage" width="825" onload="func()"></iframe>
<script type="text/javascript">
function func() {
var ifm = document.getElementById("iframepage");
ifm.height = window.document.body.clientHeight - 100;
}
<!-- in chrome There are compatibility issues, FF and IE10 No problem, the website says chrome access iframe Do you know what's going on in a server environment -->
window.document.getElementById("iframepage").contentWindow.onscroll = function aaa() {
var ifm = document.getElementById("iframepage").contentWindow.document.documentElement;
if (ifm.scrollTop == ifm.scrollHeight - ifm.clientHeight) {
alert(" Whether the ");
}
}
</script>