手机
当前位置:查字典教程网 >编程开发 >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内的网页是否滚动到底部触发事件】相关文章:

javascript中createElement的两种创建方式

jQuery切换所有复选框选中状态的方法

javascript制作的滑动图片菜单

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

js判断鼠标位置是否在某个div中的方法

JavaScript中的toLocaleLowerCase()方法使用详解

创建表格,并添加事件

jquery实现的判断倒计时是否结束代码

IP地址输入框

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

精品推荐
分类导航