signed

QiShunwang

“诚信为本、客户至上”

js判断iframe内的网页是否滚动到底部触发事件

2021/6/8 23:52:13   来源:
之前有个需求是要判断iframe内的网页是否滚动到底部触发事件, 网上找了许多资料都是说在当前页面下的, 索性就自己研究了一下, 找到了解决方法.

clientHeight:这个元素的高度,占用整个空间的高度

offsetHeight:是指元素内容的高度

scrollTop:可以理解为滚动条可以滚动的长度

以下是源代码
复制代码 代码如下:

<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;
}
<!--在chrome有兼容问题,FF和IE10无问题,网上说chrome访问iframe要在服务器环境下,不知道什么情况-->
window.document.getElementById("iframepage").contentWindow.onscroll = function aaa() {
var ifm = document.getElementById("iframepage").contentWindow.document.documentElement;
if (ifm.scrollTop == ifm.scrollHeight - ifm.clientHeight) {
alert("到底了");
}

}
</script>
您可能感兴趣的文章:
  • JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
  • 关于网页中的无缝滚动的js代码
  • JS实现网页上随滚动条滚动的层效果代码
  • js网页滚动条滚动事件实例分析
  • JavaScript控制网页平滑滚动到指定元素位置的方法
  • JS实现网页滚动条感应鼠标变色的方法
  • 实现网页内容水平或垂直滚动的Javascript代码
  • js网页侧边随页面滚动广告效果实现
  • JavaScript实现浏览器网页自动滚动并点击的示例代码