Question

我在网上搜索并尝试了很多不同的东西，但无法弄清楚如何检测iframe的滚动。 iframe源位于同一服务器上，与页面位于同一目录中。这是初始代码：

$(document).ready(function(){
   var iframe = $('#iframeId');
   iframe.load(function(){
      $(this).scroll(function() {
         alert('scrolling');
      });
   });
   iframe.attr('src','document.html');
});

我尝试过改变：

$(this).scroll(function() {

对所有这些选项：

$($(this).contents()).scroll(function() {
$($(this).contents().get(0)).scroll(function() {
$($(this).contents().find('html')).scroll(function() {
$($(this).contents().find('body')).scroll(function() {
$($(this).get(0).contentWindow).scroll(function() {

我还尝试添加到iframe html标记：

onscroll="alert('scrolling')"

似乎什么都没有触发。有任何想法吗？感谢。

Answer 1

普通javascript：

<script type="text/javascript">
    window.onload = function() {
      var frm = document.getElementById("iframeId").contentWindow;
      frm.onscroll = function(){
        alert("scrolling...");
      }
    }
</script>

iFrame滚动事件检测

1 个答案: