如何给一个iframe绑定scroll事件?

胆大的人前面才有路 2015-01-20 10:56:54
现在有一个页面由上中下三个iframe组成,中的iframe指向我写的html,我在这个页面中想绑定scroll事件,就像下面这样:
$(window).scroll(function() {
alert("Reached bottom!");
});

但是不起作用,也不报错。
我想知道怎么才能给一个iframe绑定scroll事件呢?我只有自己写的这一个html,它的父页面我取不到。
...全文
1368 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
slwsss 2015-01-21
  • 打赏
  • 举报
回复
用这个试下
<div style="width:100%;height:100%;overflow: scroll;">
<div style="width:100%;height:1000px;background:#ff0;"></div>
<div>
<style>body { margin-right: -15px; margin-bottom: -15px; }</style>
<script>
  $('div').scroll(function() {
         alert("Reached bottom!");
});
</script>
引用 5 楼 wanglanchun0 的回复:
[quote=引用 2 楼 slwsss 的回复:] 可以把你页面的内容用一个大的div包住然后在这个div上加onscroll
在这个iframe页面上的任何一个元素加scroll都不起作用[/quote]
  • 打赏
  • 举报
回复
引用 2 楼 slwsss 的回复:
可以把你页面的内容用一个大的div包住然后在这个div上加onscroll
在这个iframe页面上的任何一个元素加scroll都不起作用
  • 打赏
  • 举报
回复
引用 2 楼 slwsss 的回复:
可以把你页面的内容用一个大的div包住然后在这个div上加onscroll
这句话不是应该加在父页面中的吗?
  • 打赏
  • 举报
回复
另外我在我的那个iframe上是加了 scrolling=no 的,因为不加的话页面不美观。不知道这个是不是会影响?
slwsss 2015-01-21
  • 打赏
  • 举报
回复
可以把你页面的内容用一个大的div包住然后在这个div上加onscroll
KK3K2005 2015-01-21
  • 打赏
  • 举报
回复
比如你的那个ifram 的 id 是 if1 那么 $($('#if1')[0].contentWindow).scroll(function() { alert("Reached bottom!"); }); 懒得测试了 希望可以

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧