手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js判断iframe内的网页是否滚动到底部触发事件
js判断iframe内的网页是否滚动到底部触发事件
摘要:之前有个需求是要判断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;

}

<>

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判断iframe内的网页是否滚动到底部触发事件】相关文章:

jQuery判断一个元素是否可见的方法

javascript中createElement的两种创建方式

创建表格,并添加事件

jquery实现点击label的同时触发文本框点击事件的方法

微信jssdk在iframe页面失效问题的解决措施

IP地址输入框

打印/预览/设置的客户端代码

原生js实现的贪吃蛇网页版游戏完整实例

判断file框选择的是否为图片

给网页加个彩色窗口

精品推荐
分类导航