时间:2021-05-26
之前有个需求是要判断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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
pc端vue滚动到底部翻页效果,具体内容如下所示:html:【{{item.code||item.name}}】{{item.name}}js:先写滚动事件ha
也不存在什么加载咯,就是一个判断滚动条是否到达浏览器底部了。如果到了就触发事件,米到就不处理。计算公式提简单的底部等于(0)=滚动条高度-滚动条顶部距离-可视高
具体代码如下所示:平滑滚动滚动到顶部滚动到底部$('#doc-scroll-to-btm').on('click',function(){var$w=$(win
Js跟随滚动效果插件支持定义多个跟随ID,采用cssfixed属性,不支持ie6,兼容其他主流浏览器。支持定义滚动到底部的最小高度,不会覆盖底部页面大小resi
HTML图片预加载jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery