iframe加载完成后触发的事件监听

用户7588474745

111

发布于
2021-05-20

新手上路，请多包涵

现在有一需求就使用vue框架,开发预览PDF文件,我选择了iframe,现在问题是如何监听滚动事件到底部,请各位大神告知详情,不胜感激

vue.js 前端

阅读 2.8k

1 个回答

得票最新

jsdeferred

3.4k21317

发布于
2021-05-20

问题1. 如何知道滚动到了底部
比如你要监听滚动的容器为documentElement，那么只需要用它的scrollTop加上clientHeight在减去scrollHeight如果得到的结果接近零则代表以滚动到底部

const container = document.documentElement
const hasReachedBottom =
  Math.abs(container.clientHeight + container.scrollTop - container.scrollHeight) < 5

问题2.如何通知主页面
可以了解页面通信相关的内容

查看全部 1 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答12.8k 阅读
如何防止接口的 key 泄露?
目前有一个小程序,功能上比较简单,但是需要调用其他平台提供的 AI 相关接口。为了节省服务器费用,想直接在前端请求接口,但是这样就会暴露接口的 key。有没有其他办法可以防止 key 泄露? 或者默许 key 可能的泄露,然后实时监控接口的使用量,这种方式是否可行?
8 回答2.5k 阅读
字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？
尝试一下字节的 trae AI IDE ([链接])安装后导入 vscode 的配置，好像一起把 vscode 的插件也导入了也能看到 vscode 之前配置的 ssh remote 但是连不上看到「输出」如下⬇️ {代码...}
2 回答5k 阅读✓ 已解决
如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢
9 回答1.6k 阅读✓ 已解决
请问开发React Native，一般是推荐哪个主流的UI库呢？
请问开发React Native，一般是推荐哪个主流的UI库呢？我们知道React有antd，但是React Native的话好像React Native Mobile RN不是最主流的。
3 回答2.2k 阅读✓ 已解决
在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
请问：在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？
5 回答805 阅读
如何用Vue实现Word文档自动分页与双页排版功能？
用vue实现word的自动分页功能双页排版即用户输入的内容超过了一张A4纸的高度则自动分页将内容自动分割成两页按照左右左右的方式排版问题的难点在于 word的内容是不固定的标题 table 图片等等都有可能而且要加入交互逻辑比如弹出时间选择器弹出输入框等等目前外观是出来了直接v-for渲染page页但是接下...
6 回答907 阅读

相似问题

vue watch 监听只触发一次
2 回答22.7k 阅读
Echarts开发，georoam监听事件。
1 回答6.1k 阅读
如何触发 rejectionhandled 事件
2 回答3.6k 阅读✓ 已解决
a-table customRender没法监听事件吗？
834 阅读
如何监听所有DOM的onscroll事件？
2 回答5.3k 阅读

找不到问题？创建新问题

iframe加载完成后触发的事件监听

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

如何在Vue中点击菜单弹出v-dialog对话框？

请问开发React Native，一般是推荐哪个主流的UI库呢？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

如何用Vue实现Word文档自动分页与双页排版功能？