Question

我在jquery中有一个脚本，它将使用jquery中的scroll事件识别部分编号，但是当我在页面上添加youtube iframe时，此滚动事件不会触发任何结果。无论如何我可以解决这个问题吗？任何帮助将不胜感激。

＆＃13;

$(window).on('scroll', function() {
  if ($(window).scrollTop() == 0) {
    nextSection = 1;
    $('.pre-num').html(nextSection);
    console.log('still firing');
  }
  if ($(window).scrollTop() == $section2.offset().top) {
    nextSection = 2;
    $('.pre-num').html(nextSection);
    console.log('wont fire');
  }
  if ($(window).scrollTop() == $section3.offset().top) {
    nextSection = 3;
    $('.pre-num').html(nextSection);
    console.log('wont fire');
  }
  if ($(window).scrollTop() > 3000) {
    nextSection = 4;
    $('.pre-num').html(nextSection);
    console.log('wont fire');
  }
});

＆＃13;

Answer 1

我现在看到问题了。当youtube iframe存在时，滚动事件正在运行，但不是offset().top，所以我只是将值更改为偏移值的实数，因此我只需将其替换为== $section2.offset().top而不是== 1213就像第一个if条件一样。

感谢@Junaid您的时间对我的问题发表评论。

在使用youtube iframe的页面中无法识别jquery滚动

1 个答案: