热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

javascript-如何在iframe中检测滚动事件?

如何解决《javascript-如何在iframe中检测滚动事件?》经验,为你挑选了2个好方法。

我尝试使用iframe tage添加事件滚动时出现问题.一般来说,我使用带有div标签的滚动事件它运行良好.但是当我在iframe标签中添加滚动事件以检测用户滚动pdf页面时,它无法正常工作.为什么我不能在iframe中访问html元素?我在下面有代码检查:

在此输入图像描述

我尝试使用iframe添加Javascript滚动事件:

HTML代码:

Javascript代码:

document.getElementById('myframe').Onscroll= function(){
	 	alert('scrolling page');
};



1> hamzox..:

Javascript为我们提供了onscroll作为传递参数的属性(可以是一个函数).但我们在这里得到iframe,尝试以下代码片段(jQuery).

$("#yourFrameId").load(function () {
     var iframe = $("#yourFrameId").contents();

    $(iframe).scroll(function () { 
        //your code here
    });
});



2> skyline3000..:

一个iframe没有滚动的方法,该documentiframe那样-你需要引用内部document,而不是你的

推荐阅读
author-avatar
麻廿_965
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有