文档章节

iframe 滚动事件的监听

notAcoder
 notAcoder
发布于 2013/03/02 15:07
字数 74
阅读 599
收藏 1

监听iframe里面的滚动事件

1. 得到iframe的window对象,得到window对象就可以添加事件了。

2. 对得到的window对象添加srcoll事件监听。

下面是一个简单的实例

var frameWidow = document.getElementById('iframe').contentWindow;

$(frameWidow).scroll(function(){
      console.log("scroll");
 });

© 著作权归作者所有

notAcoder
粉丝 5
博文 30
码字总数 12671
作品 0
巴南
架构师
私信 提问
加载中

评论(1)

notAcoder
notAcoder 博主
这样监听事件有问题的,当页面没有加载完时,无法绑定事件。
bootstrap滚动监听,点击导航标签时,页面顶部按钮消失问题 ?

最近使用了bootstrap的滚动监听插件实现页面导航,页面 滚动 时导航标签激活逻辑都是正常的,但当对侧边导航标签进行 点击 时,原页面顶部的按钮元素消失了。 页面情况为,在外层JSP页面中嵌...

jiexi91
2017/08/23
50
0
使用postMessage让 iframe自适应高度

前言 有时候,我们会使用 iframe标签,将前端分离项目无感的嵌入 如以Freemark为主体较老的项目中。 我们知道,当iframe内部内容比父页面所指定的宽高大的时候,会出现滚动框。 所以,让ifr...

一不小心就😍 😞 😒
10/08
0
0
【翻译】Iframe, onload 与 document.domain

原文链接:http://www.nczonline.net/blog/2009/09/15/iframes-onload-and-documentdomain/ 译者:Demix 在web2.0的时代,越来越多的人开始关注使用iframe将第三方网站的内容嵌入自己的网站中...

山哥
2011/09/19
207
0
通过 iframe 实现跨域通信

iframe还是很强大的,不仅能实现同域通信,还可以跨域通信,甚至跨协议通信(如file/http),如果再结合jsonp,那就有很多种玩法了。不过有几条原则需要记住: 当前层级中的任何Window都可以获...

小编辑
2011/07/12
667
0
laden666666/vue-element-resize-event

vue-element-resize-event 一个扩展vue的时间,使其可以监听普通元素的resize事件。HTML中如果在窗口或框架被调整大小时发生resize事件,但是元素尺寸变化的时候却没有对应的事件。但是基于j...

laden666666
2018/05/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

手机视频如何制作GIF动图

很多小伙伴都喜欢用GIF动图在各大社交软件上与好友斗图,那你知道这些好玩有趣的GIF动图是如何制作的吗?下面教你一个将手机视频制作成GIF动图的方法,让你都可以随时随地制作有趣的表情包,...

白米稀饭2019
21分钟前
4
0
Spring Security 实战干货:实现自定义退出登录

1. 前言 上一篇对 Spring Security 所有内置的 Filter 进行了介绍。今天我们来实战如何安全退出应用程序。 2. 我们使用 Spring Security 登录后都做了什么 这个问题我们必须搞清楚!一般登录...

码农小胖哥
56分钟前
10
0
JVM核心知识-类加载机制

JVM中类的生命周期包括7个阶段,加载、准备、验证、解析、初始化、使用、卸载。其中准备、验证、解析被归为连接阶段。 加载 jvm在这个阶段完成的工作 通过类名获取类的二进制字节流 将这个字...

moon888
56分钟前
8
0
.net工作流引擎ccflow流程结束相关功能的介绍

关键字: 工作流程管理系统 工作流引擎 asp.net工作流引擎 java工作流引擎. 表单引擎 工作流功能说明 工作流设计 工作流快速开发平台 业务流程管理 bpm工作流系统 java工作流主流框架 自定义...

孟娟
今天
8
0
APP 值入轻量级钱包以太坊网络钱包

APP 值入轻量级钱包以太坊网络钱包

xiaodong16
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部