展会信息港展会大全

js判断iframe内的网页是否滚动到底部触发事件
来源:互联网   发布日期:2016-01-26 11:09:02   浏览:2270次  

导读:这篇文章主要介绍了js判断iframe内的网页是否滚动到底部触发事件,需要的朋友可以参考下之前有个需求是要判断iframe内的网页是否滚动到底部触发事件, 网上找了许多资料都是说在当前页面下的, 索性就自己研究了一 ...

这篇文章主要介绍了js判断iframe内的网页是否滚动到底部触发事件,需要的朋友可以参考下

之前有个需求是要判断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>

赞助本站

人工智能实验室

相关热词: 滚动 iframe js

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港